<!DOCTYPE html>
<!-- 
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 4
Version: 5.0.5
Author: KeenThemes
Website: http://www.keenthemes.com/
Contact: support@keenthemes.com
Follow: www.twitter.com/keenthemes
Dribbble: www.dribbble.com/keenthemes
Like: www.facebook.com/keenthemes
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
Renew Support: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
-->
<html lang="en" >
	<!-- begin::Head -->
	<head>
		<meta charset="utf-8" />
		<title>
			Metronic | Lineawesome Icons
		</title>
		<meta name="description" content="">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<!--begin::Web font -->
		<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.16/webfont.js"></script>
		<script>
          WebFont.load({
            google: {"families":["Poppins:300,400,500,600,700","Roboto:300,400,500,600,700"]},
            active: function() {
                sessionStorage.fonts = true;
            }
          });
		</script>
		<!--end::Web font -->
        <!--begin::Base Styles -->
		<link href="../../assets/vendors/base/vendors.bundle.css" rel="stylesheet" type="text/css" />
		<link href="../../assets/demo/default/base/style.bundle.css" rel="stylesheet" type="text/css" />
		<!--end::Base Styles -->
		<link rel="shortcut icon" href="../../assets/demo/default/media/img/logo/favicon.ico" />
	</head>
	<!-- end::Head -->
    <!-- end::Body -->
	<body class="m-page--fluid m--skin- m-content--skin-light2 m-header--fixed m-header--fixed-mobile m-aside-left--enabled m-aside-left--skin-dark m-aside-left--offcanvas m-footer--push m-aside--offcanvas-default"  >
		<!-- begin:: Page -->
		<div class="m-grid m-grid--hor m-grid--root m-page">
			<!-- BEGIN: Header -->
			<header class="m-grid__item    m-header "  data-minimize-offset="200" data-minimize-mobile-offset="200" >
				<div class="m-container m-container--fluid m-container--full-height">
					<div class="m-stack m-stack--ver m-stack--desktop">
						<!-- BEGIN: Brand -->
						<div class="m-stack__item m-brand  m-brand--skin-dark ">
							<div class="m-stack m-stack--ver m-stack--general">
								<div class="m-stack__item m-stack__item--middle m-brand__logo">
									<a href="../../index.html" class="m-brand__logo-wrapper">
										<img alt="" src="../../assets/demo/default/media/img/logo/logo_default_dark.png"/>
									</a>
								</div>
								<div class="m-stack__item m-stack__item--middle m-brand__tools">
									<!-- BEGIN: Left Aside Minimize Toggle -->
									<a href="javascript:;" id="m_aside_left_minimize_toggle" class="m-brand__icon m-brand__toggler m-brand__toggler--left m--visible-desktop-inline-block 
					 ">
										<span></span>
									</a>
									<!-- END -->
							<!-- BEGIN: Responsive Aside Left Menu Toggler -->
									<a href="javascript:;" id="m_aside_left_offcanvas_toggle" class="m-brand__icon m-brand__toggler m-brand__toggler--left m--visible-tablet-and-mobile-inline-block">
										<span></span>
									</a>
									<!-- END -->
							<!-- BEGIN: Responsive Header Menu Toggler -->
									<a id="m_aside_header_menu_mobile_toggle" href="javascript:;" class="m-brand__icon m-brand__toggler m--visible-tablet-and-mobile-inline-block">
										<span></span>
									</a>
									<!-- END -->
			<!-- BEGIN: Topbar Toggler -->
									<a id="m_aside_header_topbar_mobile_toggle" href="javascript:;" class="m-brand__icon m--visible-tablet-and-mobile-inline-block">
										<i class="flaticon-more"></i>
									</a>
									<!-- BEGIN: Topbar Toggler -->
								</div>
							</div>
						</div>
						<!-- END: Brand -->
						<div class="m-stack__item m-stack__item--fluid m-header-head" id="m_header_nav">
							<!-- BEGIN: Horizontal Menu -->
							<button class="m-aside-header-menu-mobile-close  m-aside-header-menu-mobile-close--skin-dark " id="m_aside_header_menu_mobile_close_btn">
								<i class="la la-close"></i>
							</button>
							<div id="m_header_menu" class="m-header-menu m-aside-header-menu-mobile m-aside-header-menu-mobile--offcanvas  m-header-menu--skin-light m-header-menu--submenu-skin-light m-aside-header-menu-mobile--skin-dark m-aside-header-menu-mobile--submenu-skin-dark "  >
								<ul class="m-menu__nav  m-menu__nav--submenu-arrow ">
									<li class="m-menu__item  m-menu__item--submenu m-menu__item--rel"  data-menu-submenu-toggle="click" data-redirect="true" aria-haspopup="true">
										<a  href="#" class="m-menu__link m-menu__toggle">
											<i class="m-menu__link-icon flaticon-add"></i>
											<span class="m-menu__link-text">
												Actions
											</span>
											<i class="m-menu__hor-arrow la la-angle-down"></i>
											<i class="m-menu__ver-arrow la la-angle-right"></i>
										</a>
										<div class="m-menu__submenu m-menu__submenu--classic m-menu__submenu--left">
											<span class="m-menu__arrow m-menu__arrow--adjust"></span>
											<ul class="m-menu__subnav">
												<li class="m-menu__item "  aria-haspopup="true">
													<a  href="../../header/actions.html" class="m-menu__link ">
														<i class="m-menu__link-icon flaticon-file"></i>
														<span class="m-menu__link-text">
															Create New Post
														</span>
													</a>
												</li>
												<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
													<a  href="../../header/actions.html" class="m-menu__link ">
														<i class="m-menu__link-icon flaticon-diagram"></i>
														<span class="m-menu__link-title">
															<span class="m-menu__link-wrap">
																<span class="m-menu__link-text">
																	Generate Reports
																</span>
																<span class="m-menu__link-badge">
																	<span class="m-badge m-badge--success">
																		2
																	</span>
																</span>
															</span>
														</span>
													</a>
												</li>
												<li class="m-menu__item  m-menu__item--submenu"  data-menu-submenu-toggle="hover" data-redirect="true" aria-haspopup="true">
													<a  href="#" class="m-menu__link m-menu__toggle">
														<i class="m-menu__link-icon flaticon-business"></i>
														<span class="m-menu__link-text">
															Manage Orders
														</span>
														<i class="m-menu__hor-arrow la la-angle-right"></i>
														<i class="m-menu__ver-arrow la la-angle-right"></i>
													</a>
													<div class="m-menu__submenu m-menu__submenu--classic m-menu__submenu--right">
														<span class="m-menu__arrow "></span>
														<ul class="m-menu__subnav">
															<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
																<a  href="../../header/actions.html" class="m-menu__link ">
																	<span class="m-menu__link-text">
																		Latest Orders
																	</span>
																</a>
															</li>
															<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
																<a  href="../../header/actions.html" class="m-menu__link ">
																	<span class="m-menu__link-text">
																		Pending Orders
																	</span>
																</a>
															</li>
															<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
																<a  href="../../header/actions.html" class="m-menu__link ">
																	<span class="m-menu__link-text">
																		Processed Orders
																	</span>
																</a>
															</li>
															<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
																<a  href="../../header/actions.html" class="m-menu__link ">
																	<span class="m-menu__link-text">
																		Delivery Reports
																	</span>
																</a>
															</li>
															<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
																<a  href="../../header/actions.html" class="m-menu__link ">
																	<span class="m-menu__link-text">
																		Payments
																	</span>
																</a>
															</li>
															<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
																<a  href="../../header/actions.html" class="m-menu__link ">
																	<span class="m-menu__link-text">
																		Customers
																	</span>
																</a>
															</li>
														</ul>
													</div>
												</li>
												<li class="m-menu__item  m-menu__item--submenu"  data-menu-submenu-toggle="hover" data-redirect="true" aria-haspopup="true">
													<a  href="#" class="m-menu__link m-menu__toggle">
														<i class="m-menu__link-icon flaticon-chat-1"></i>
														<span class="m-menu__link-text">
															Customer Feedbacks
														</span>
														<i class="m-menu__hor-arrow la la-angle-right"></i>
														<i class="m-menu__ver-arrow la la-angle-right"></i>
													</a>
													<div class="m-menu__submenu m-menu__submenu--classic m-menu__submenu--right">
														<span class="m-menu__arrow "></span>
														<ul class="m-menu__subnav">
															<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
																<a  href="../../header/actions.html" class="m-menu__link ">
																	<span class="m-menu__link-text">
																		Customer Feedbacks
																	</span>
																</a>
															</li>
															<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
																<a  href="../../header/actions.html" class="m-menu__link ">
																	<span class="m-menu__link-text">
																		Supplier Feedbacks
																	</span>
																</a>
															</li>
															<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
																<a  href="../../header/actions.html" class="m-menu__link ">
																	<span class="m-menu__link-text">
																		Reviewed Feedbacks
																	</span>
																</a>
															</li>
															<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
																<a  href="../../header/actions.html" class="m-menu__link ">
																	<span class="m-menu__link-text">
																		Resolved Feedbacks
																	</span>
																</a>
															</li>
															<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
																<a  href="../../header/actions.html" class="m-menu__link ">
																	<span class="m-menu__link-text">
																		Feedback Reports
																	</span>
																</a>
															</li>
														</ul>
													</div>
												</li>
												<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
													<a  href="../../header/actions.html" class="m-menu__link ">
														<i class="m-menu__link-icon flaticon-users"></i>
														<span class="m-menu__link-text">
															Register Member
														</span>
													</a>
												</li>
											</ul>
										</div>
									</li>
									<li class="m-menu__item  m-menu__item--submenu m-menu__item--rel"  data-menu-submenu-toggle="click" data-redirect="true" aria-haspopup="true">
										<a  href="#" class="m-menu__link m-menu__toggle">
											<i class="m-menu__link-icon flaticon-line-graph"></i>
											<span class="m-menu__link-text">
												Reports
											</span>
											<i class="m-menu__hor-arrow la la-angle-down"></i>
											<i class="m-menu__ver-arrow la la-angle-right"></i>
										</a>
										<div class="m-menu__submenu  m-menu__submenu--fixed m-menu__submenu--left" style="width:1000px">
											<span class="m-menu__arrow m-menu__arrow--adjust"></span>
											<div class="m-menu__subnav">
												<ul class="m-menu__content">
													<li class="m-menu__item">
														<h3 class="m-menu__heading m-menu__toggle">
															<span class="m-menu__link-text">
																Finance Reports
															</span>
															<i class="m-menu__ver-arrow la la-angle-right"></i>
														</h3>
														<ul class="m-menu__inner">
															<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
																<a  href="../../header/actions.html" class="m-menu__link ">
																	<i class="m-menu__link-icon flaticon-map"></i>
																	<span class="m-menu__link-text">
																		Annual Reports
																	</span>
																</a>
															</li>
															<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
																<a  href="../../header/actions.html" class="m-menu__link ">
																	<i class="m-menu__link-icon flaticon-user"></i>
																	<span class="m-menu__link-text">
																		HR Reports
																	</span>
																</a>
															</li>
															<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
																<a  href="../../header/actions.html" class="m-menu__link ">
																	<i class="m-menu__link-icon flaticon-clipboard"></i>
																	<span class="m-menu__link-text">
																		IPO Reports
																	</span>
																</a>
															</li>
															<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
																<a  href="../../header/actions.html" class="m-menu__link ">
																	<i class="m-menu__link-icon flaticon-graphic-1"></i>
																	<span class="m-menu__link-text">
																		Finance Margins
																	</span>
																</a>
															</li>
															<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
																<a  href="../../header/actions.html" class="m-menu__link ">
																	<i class="m-menu__link-icon flaticon-graphic-2"></i>
																	<span class="m-menu__link-text">
																		Revenue Reports
																	</span>
																</a>
															</li>
														</ul>
													</li>
													<li class="m-menu__item">
														<h3 class="m-menu__heading m-menu__toggle">
															<span class="m-menu__link-text">
																Project Reports
															</span>
															<i class="m-menu__ver-arrow la la-angle-right"></i>
														</h3>
														<ul class="m-menu__inner">
															<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
																<a  href="../../header/actions.html" class="m-menu__link ">
																	<i class="m-menu__link-bullet m-menu__link-bullet--line">
																		<span></span>
																	</i>
																	<span class="m-menu__link-text">
																		Coca Cola CRM
																	</span>
																</a>
															</li>
															<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
																<a  href="../../header/actions.html" class="m-menu__link ">
																	<i class="m-menu__link-bullet m-menu__link-bullet--line">
																		<span></span>
																	</i>
																	<span class="m-menu__link-text">
																		Delta Airlines Booking Site
																	</span>
																</a>
															</li>
															<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
																<a  href="../../header/actions.html" class="m-menu__link ">
																	<i class="m-menu__link-bullet m-menu__link-bullet--line">
																		<span></span>
																	</i>
																	<span class="m-menu__link-text">
																		Malibu Accounting
																	</span>
																</a>
															</li>
															<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
																<a  href="../../header/actions.html" class="m-menu__link ">
																	<i class="m-menu__link-bullet m-menu__link-bullet--line">
																		<span></span>
																	</i>
																	<span class="m-menu__link-text">
																		Vineseed Website Rewamp
																	</span>
																</a>
															</li>
															<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
																<a  href="../../header/actions.html" class="m-menu__link ">
																	<i class="m-menu__link-bullet m-menu__link-bullet--line">
																		<span></span>
																	</i>
																	<span class="m-menu__link-text">
																		Zircon Mobile App
																	</span>
																</a>
															</li>
															<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
																<a  href="../../header/actions.html" class="m-menu__link ">
																	<i class="m-menu__link-bullet m-menu__link-bullet--line">
																		<span></span>
																	</i>
																	<span class="m-menu__link-text">
																		Mercury CMS
																	</span>
																</a>
															</li>
														</ul>
													</li>
													<li class="m-menu__item">
														<h3 class="m-menu__heading m-menu__toggle">
															<span class="m-menu__link-text">
																HR Reports
															</span>
															<i class="m-menu__ver-arrow la la-angle-right"></i>
														</h3>
														<ul class="m-menu__inner">
															<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
																<a  href="../../header/actions.html" class="m-menu__link ">
																	<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																		<span></span>
																	</i>
																	<span class="m-menu__link-text">
																		Staff Directory
																	</span>
																</a>
															</li>
															<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
																<a  href="../../header/actions.html" class="m-menu__link ">
																	<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																		<span></span>
																	</i>
																	<span class="m-menu__link-text">
																		Client Directory
																	</span>
																</a>
															</li>
															<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
																<a  href="../../header/actions.html" class="m-menu__link ">
																	<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																		<span></span>
																	</i>
																	<span class="m-menu__link-text">
																		Salary Reports
																	</span>
																</a>
															</li>
															<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
																<a  href="../../header/actions.html" class="m-menu__link ">
																	<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																		<span></span>
																	</i>
																	<span class="m-menu__link-text">
																		Staff Payslips
																	</span>
																</a>
															</li>
															<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
																<a  href="../../header/actions.html" class="m-menu__link ">
																	<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																		<span></span>
																	</i>
																	<span class="m-menu__link-text">
																		Corporate Expenses
																	</span>
																</a>
															</li>
															<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
																<a  href="../../header/actions.html" class="m-menu__link ">
																	<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																		<span></span>
																	</i>
																	<span class="m-menu__link-text">
																		Project Expenses
																	</span>
																</a>
															</li>
														</ul>
													</li>
													<li class="m-menu__item">
														<h3 class="m-menu__heading m-menu__toggle">
															<span class="m-menu__link-text">
																Reporting Apps
															</span>
															<i class="m-menu__ver-arrow la la-angle-right"></i>
														</h3>
														<ul class="m-menu__inner">
															<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
																<a  href="../../header/actions.html" class="m-menu__link ">
																	<span class="m-menu__link-text">
																		Report Adjusments
																	</span>
																</a>
															</li>
															<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
																<a  href="../../header/actions.html" class="m-menu__link ">
																	<span class="m-menu__link-text">
																		Sources & Mediums
																	</span>
																</a>
															</li>
															<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
																<a  href="../../header/actions.html" class="m-menu__link ">
																	<span class="m-menu__link-text">
																		Reporting Settings
																	</span>
																</a>
															</li>
															<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
																<a  href="../../header/actions.html" class="m-menu__link ">
																	<span class="m-menu__link-text">
																		Conversions
																	</span>
																</a>
															</li>
															<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
																<a  href="../../header/actions.html" class="m-menu__link ">
																	<span class="m-menu__link-text">
																		Report Flows
																	</span>
																</a>
															</li>
															<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
																<a  href="../../header/actions.html" class="m-menu__link ">
																	<span class="m-menu__link-text">
																		Audit & Logs
																	</span>
																</a>
															</li>
														</ul>
													</li>
												</ul>
											</div>
										</div>
									</li>
									<li class="m-menu__item  m-menu__item--submenu m-menu__item--rel"  data-menu-submenu-toggle="click" data-redirect="true" aria-haspopup="true">
										<a  href="#" class="m-menu__link m-menu__toggle">
											<i class="m-menu__link-icon flaticon-paper-plane"></i>
											<span class="m-menu__link-title">
												<span class="m-menu__link-wrap">
													<span class="m-menu__link-text">
														Apps
													</span>
													<span class="m-menu__link-badge">
														<span class="m-badge m-badge--brand m-badge--wide">
															new
														</span>
													</span>
												</span>
											</span>
											<i class="m-menu__hor-arrow la la-angle-down"></i>
											<i class="m-menu__ver-arrow la la-angle-right"></i>
										</a>
										<div class="m-menu__submenu m-menu__submenu--classic m-menu__submenu--left">
											<span class="m-menu__arrow m-menu__arrow--adjust"></span>
											<ul class="m-menu__subnav">
												<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
													<a  href="../../header/actions.html" class="m-menu__link ">
														<i class="m-menu__link-icon flaticon-business"></i>
														<span class="m-menu__link-text">
															eCommerce
														</span>
													</a>
												</li>
												<li class="m-menu__item  m-menu__item--submenu"  data-menu-submenu-toggle="hover" data-redirect="true" aria-haspopup="true">
													<a  href="../../crud/datatable_v1.html" class="m-menu__link m-menu__toggle">
														<i class="m-menu__link-icon flaticon-computer"></i>
														<span class="m-menu__link-text">
															Audience
														</span>
														<i class="m-menu__hor-arrow la la-angle-right"></i>
														<i class="m-menu__ver-arrow la la-angle-right"></i>
													</a>
													<div class="m-menu__submenu m-menu__submenu--classic m-menu__submenu--right">
														<span class="m-menu__arrow "></span>
														<ul class="m-menu__subnav">
															<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
																<a  href="../../header/actions.html" class="m-menu__link ">
																	<i class="m-menu__link-icon flaticon-users"></i>
																	<span class="m-menu__link-text">
																		Active Users
																	</span>
																</a>
															</li>
															<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
																<a  href="../../header/actions.html" class="m-menu__link ">
																	<i class="m-menu__link-icon flaticon-interface-1"></i>
																	<span class="m-menu__link-text">
																		User Explorer
																	</span>
																</a>
															</li>
															<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
																<a  href="../../header/actions.html" class="m-menu__link ">
																	<i class="m-menu__link-icon flaticon-lifebuoy"></i>
																	<span class="m-menu__link-text">
																		Users Flows
																	</span>
																</a>
															</li>
															<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
																<a  href="../../header/actions.html" class="m-menu__link ">
																	<i class="m-menu__link-icon flaticon-graphic-1"></i>
																	<span class="m-menu__link-text">
																		Market Segments
																	</span>
																</a>
															</li>
															<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
																<a  href="../../header/actions.html" class="m-menu__link ">
																	<i class="m-menu__link-icon flaticon-graphic"></i>
																	<span class="m-menu__link-text">
																		User Reports
																	</span>
																</a>
															</li>
														</ul>
													</div>
												</li>
												<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
													<a  href="../../header/actions.html" class="m-menu__link ">
														<i class="m-menu__link-icon flaticon-map"></i>
														<span class="m-menu__link-text">
															Marketing
														</span>
													</a>
												</li>
												<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
													<a  href="../../header/actions.html" class="m-menu__link ">
														<i class="m-menu__link-icon flaticon-graphic-2"></i>
														<span class="m-menu__link-title">
															<span class="m-menu__link-wrap">
																<span class="m-menu__link-text">
																	Campaigns
																</span>
																<span class="m-menu__link-badge">
																	<span class="m-badge m-badge--success">
																		3
																	</span>
																</span>
															</span>
														</span>
													</a>
												</li>
												<li class="m-menu__item  m-menu__item--submenu"  data-menu-submenu-toggle="hover" data-redirect="true" aria-haspopup="true">
													<a  href="#" class="m-menu__link m-menu__toggle">
														<i class="m-menu__link-icon flaticon-infinity"></i>
														<span class="m-menu__link-text">
															Cloud Manager
														</span>
														<i class="m-menu__hor-arrow la la-angle-right"></i>
														<i class="m-menu__ver-arrow la la-angle-right"></i>
													</a>
													<div class="m-menu__submenu m-menu__submenu--classic m-menu__submenu--left">
														<span class="m-menu__arrow "></span>
														<ul class="m-menu__subnav">
															<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
																<a  href="../../header/actions.html" class="m-menu__link ">
																	<i class="m-menu__link-icon flaticon-add"></i>
																	<span class="m-menu__link-title">
																		<span class="m-menu__link-wrap">
																			<span class="m-menu__link-text">
																				File Upload
																			</span>
																			<span class="m-menu__link-badge">
																				<span class="m-badge m-badge--danger">
																					3
																				</span>
																			</span>
																		</span>
																	</span>
																</a>
															</li>
															<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
																<a  href="../../header/actions.html" class="m-menu__link ">
																	<i class="m-menu__link-icon flaticon-signs-1"></i>
																	<span class="m-menu__link-text">
																		File Attributes
																	</span>
																</a>
															</li>
															<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
																<a  href="../../header/actions.html" class="m-menu__link ">
																	<i class="m-menu__link-icon flaticon-folder"></i>
																	<span class="m-menu__link-text">
																		Folders
																	</span>
																</a>
															</li>
															<li class="m-menu__item "  data-redirect="true" aria-haspopup="true">
																<a  href="../../header/actions.html" class="m-menu__link ">
																	<i class="m-menu__link-icon flaticon-cogwheel-2"></i>
																	<span class="m-menu__link-text">
																		System Settings
																	</span>
																</a>
															</li>
														</ul>
													</div>
												</li>
											</ul>
										</div>
									</li>
								</ul>
							</div>
							<!-- END: Horizontal Menu -->								<!-- BEGIN: Topbar -->
							<div id="m_header_topbar" class="m-topbar  m-stack m-stack--ver m-stack--general">
								<div class="m-stack__item m-topbar__nav-wrapper">
									<ul class="m-topbar__nav m-nav m-nav--inline">
										<li class="
	m-nav__item m-dropdown m-dropdown--large m-dropdown--arrow m-dropdown--align-center m-dropdown--mobile-full-width m-dropdown--skin-light	m-list-search m-list-search--skin-light" 
	data-dropdown-toggle="click" data-dropdown-persistent="true" id="m_quicksearch" data-search-type="dropdown">
											<a href="#" class="m-nav__link m-dropdown__toggle">
												<span class="m-nav__link-icon">
													<i class="flaticon-search-1"></i>
												</span>
											</a>
											<div class="m-dropdown__wrapper">
												<span class="m-dropdown__arrow m-dropdown__arrow--center"></span>
												<div class="m-dropdown__inner ">
													<div class="m-dropdown__header">
														<form  class="m-list-search__form">
															<div class="m-list-search__form-wrapper">
																<span class="m-list-search__form-input-wrapper">
																	<input id="m_quicksearch_input" autocomplete="off" type="text" name="q" class="m-list-search__form-input" value="" placeholder="Search...">
																</span>
																<span class="m-list-search__form-icon-close" id="m_quicksearch_close">
																	<i class="la la-remove"></i>
																</span>
															</div>
														</form>
													</div>
													<div class="m-dropdown__body">
														<div class="m-dropdown__scrollable m-scrollable" data-scrollable="true" data-max-height="300" data-mobile-max-height="200">
															<div class="m-dropdown__content"></div>
														</div>
													</div>
												</div>
											</div>
										</li>
										<li class="m-nav__item m-topbar__notifications m-topbar__notifications--img m-dropdown m-dropdown--large m-dropdown--header-bg-fill m-dropdown--arrow m-dropdown--align-center 	m-dropdown--mobile-full-width" data-dropdown-toggle="click" data-dropdown-persistent="true">
											<a href="#" class="m-nav__link m-dropdown__toggle" id="m_topbar_notification_icon">
												<span class="m-nav__link-badge m-badge m-badge--dot m-badge--dot-small m-badge--danger"></span>
												<span class="m-nav__link-icon">
													<i class="flaticon-music-2"></i>
												</span>
											</a>
											<div class="m-dropdown__wrapper">
												<span class="m-dropdown__arrow m-dropdown__arrow--center"></span>
												<div class="m-dropdown__inner">
													<div class="m-dropdown__header m--align-center" style="background: url(../../assets/app/media/img/misc/notification_bg.jpg); background-size: cover;">
														<span class="m-dropdown__header-title">
															9 New
														</span>
														<span class="m-dropdown__header-subtitle">
															User Notifications
														</span>
													</div>
													<div class="m-dropdown__body">
														<div class="m-dropdown__content">
															<ul class="nav nav-tabs m-tabs m-tabs-line m-tabs-line--brand" role="tablist">
																<li class="nav-item m-tabs__item">
																	<a class="nav-link m-tabs__link active" data-toggle="tab" href="#topbar_notifications_notifications" role="tab">
																		Alerts
																	</a>
																</li>
																<li class="nav-item m-tabs__item">
																	<a class="nav-link m-tabs__link" data-toggle="tab" href="#topbar_notifications_events" role="tab">
																		Events
																	</a>
																</li>
																<li class="nav-item m-tabs__item">
																	<a class="nav-link m-tabs__link" data-toggle="tab" href="#topbar_notifications_logs" role="tab">
																		Logs
																	</a>
																</li>
															</ul>
															<div class="tab-content">
																<div class="tab-pane active" id="topbar_notifications_notifications" role="tabpanel">
																	<div class="m-scrollable" data-scrollable="true" data-max-height="250" data-mobile-max-height="200">
																		<div class="m-list-timeline m-list-timeline--skin-light">
																			<div class="m-list-timeline__items">
																				<div class="m-list-timeline__item">
																					<span class="m-list-timeline__badge -m-list-timeline__badge--state-success"></span>
																					<span class="m-list-timeline__text">
																						12 new users registered
																					</span>
																					<span class="m-list-timeline__time">
																						Just now
																					</span>
																				</div>
																				<div class="m-list-timeline__item">
																					<span class="m-list-timeline__badge"></span>
																					<span class="m-list-timeline__text">
																						System shutdown
																						<span class="m-badge m-badge--success m-badge--wide">
																							pending
																						</span>
																					</span>
																					<span class="m-list-timeline__time">
																						14 mins
																					</span>
																				</div>
																				<div class="m-list-timeline__item">
																					<span class="m-list-timeline__badge"></span>
																					<span class="m-list-timeline__text">
																						New invoice received
																					</span>
																					<span class="m-list-timeline__time">
																						20 mins
																					</span>
																				</div>
																				<div class="m-list-timeline__item">
																					<span class="m-list-timeline__badge"></span>
																					<span class="m-list-timeline__text">
																						DB overloaded 80%
																						<span class="m-badge m-badge--info m-badge--wide">
																							settled
																						</span>
																					</span>
																					<span class="m-list-timeline__time">
																						1 hr
																					</span>
																				</div>
																				<div class="m-list-timeline__item">
																					<span class="m-list-timeline__badge"></span>
																					<span class="m-list-timeline__text">
																						System error -
																						<a href="#" class="m-link">
																							Check
																						</a>
																					</span>
																					<span class="m-list-timeline__time">
																						2 hrs
																					</span>
																				</div>
																				<div class="m-list-timeline__item m-list-timeline__item--read">
																					<span class="m-list-timeline__badge"></span>
																					<span href="" class="m-list-timeline__text">
																						New order received
																						<span class="m-badge m-badge--danger m-badge--wide">
																							urgent
																						</span>
																					</span>
																					<span class="m-list-timeline__time">
																						7 hrs
																					</span>
																				</div>
																				<div class="m-list-timeline__item m-list-timeline__item--read">
																					<span class="m-list-timeline__badge"></span>
																					<span class="m-list-timeline__text">
																						Production server down
																					</span>
																					<span class="m-list-timeline__time">
																						3 hrs
																					</span>
																				</div>
																				<div class="m-list-timeline__item">
																					<span class="m-list-timeline__badge"></span>
																					<span class="m-list-timeline__text">
																						Production server up
																					</span>
																					<span class="m-list-timeline__time">
																						5 hrs
																					</span>
																				</div>
																			</div>
																		</div>
																	</div>
																</div>
																<div class="tab-pane" id="topbar_notifications_events" role="tabpanel">
																	<div class="m-scrollable" m-scrollabledata-scrollable="true" data-max-height="250" data-mobile-max-height="200">
																		<div class="m-list-timeline m-list-timeline--skin-light">
																			<div class="m-list-timeline__items">
																				<div class="m-list-timeline__item">
																					<span class="m-list-timeline__badge m-list-timeline__badge--state1-success"></span>
																					<a href="" class="m-list-timeline__text">
																						New order received
																					</a>
																					<span class="m-list-timeline__time">
																						Just now
																					</span>
																				</div>
																				<div class="m-list-timeline__item">
																					<span class="m-list-timeline__badge m-list-timeline__badge--state1-danger"></span>
																					<a href="" class="m-list-timeline__text">
																						New invoice received
																					</a>
																					<span class="m-list-timeline__time">
																						20 mins
																					</span>
																				</div>
																				<div class="m-list-timeline__item">
																					<span class="m-list-timeline__badge m-list-timeline__badge--state1-success"></span>
																					<a href="" class="m-list-timeline__text">
																						Production server up
																					</a>
																					<span class="m-list-timeline__time">
																						5 hrs
																					</span>
																				</div>
																				<div class="m-list-timeline__item">
																					<span class="m-list-timeline__badge m-list-timeline__badge--state1-info"></span>
																					<a href="" class="m-list-timeline__text">
																						New order received
																					</a>
																					<span class="m-list-timeline__time">
																						7 hrs
																					</span>
																				</div>
																				<div class="m-list-timeline__item">
																					<span class="m-list-timeline__badge m-list-timeline__badge--state1-info"></span>
																					<a href="" class="m-list-timeline__text">
																						System shutdown
																					</a>
																					<span class="m-list-timeline__time">
																						11 mins
																					</span>
																				</div>
																				<div class="m-list-timeline__item">
																					<span class="m-list-timeline__badge m-list-timeline__badge--state1-info"></span>
																					<a href="" class="m-list-timeline__text">
																						Production server down
																					</a>
																					<span class="m-list-timeline__time">
																						3 hrs
																					</span>
																				</div>
																			</div>
																		</div>
																	</div>
																</div>
																<div class="tab-pane" id="topbar_notifications_logs" role="tabpanel">
																	<div class="m-stack m-stack--ver m-stack--general" style="min-height: 180px;">
																		<div class="m-stack__item m-stack__item--center m-stack__item--middle">
																			<span class="">
																				All caught up!
																				<br>
																				No new logs.
																			</span>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
										</li>
										<li class="m-nav__item m-topbar__quick-actions m-topbar__quick-actions--img m-dropdown m-dropdown--large m-dropdown--header-bg-fill m-dropdown--arrow m-dropdown--align-right m-dropdown--align-push m-dropdown--mobile-full-width m-dropdown--skin-light"  data-dropdown-toggle="click">
											<a href="#" class="m-nav__link m-dropdown__toggle">
												<span class="m-nav__link-badge m-badge m-badge--dot m-badge--info m--hide"></span>
												<span class="m-nav__link-icon">
													<i class="flaticon-share"></i>
												</span>
											</a>
											<div class="m-dropdown__wrapper">
												<span class="m-dropdown__arrow m-dropdown__arrow--right m-dropdown__arrow--adjust"></span>
												<div class="m-dropdown__inner">
													<div class="m-dropdown__header m--align-center" style="background: url(../../assets/app/media/img/misc/quick_actions_bg.jpg); background-size: cover;">
														<span class="m-dropdown__header-title">
															Quick Actions
														</span>
														<span class="m-dropdown__header-subtitle">
															Shortcuts
														</span>
													</div>
													<div class="m-dropdown__body m-dropdown__body--paddingless">
														<div class="m-dropdown__content">
															<div class="m-scrollable" data-scrollable="false" data-max-height="380" data-mobile-max-height="200">
																<div class="m-nav-grid m-nav-grid--skin-light">
																	<div class="m-nav-grid__row">
																		<a href="#" class="m-nav-grid__item">
																			<i class="m-nav-grid__icon flaticon-file"></i>
																			<span class="m-nav-grid__text">
																				Generate Report
																			</span>
																		</a>
																		<a href="#" class="m-nav-grid__item">
																			<i class="m-nav-grid__icon flaticon-time"></i>
																			<span class="m-nav-grid__text">
																				Add New Event
																			</span>
																		</a>
																	</div>
																	<div class="m-nav-grid__row">
																		<a href="#" class="m-nav-grid__item">
																			<i class="m-nav-grid__icon flaticon-folder"></i>
																			<span class="m-nav-grid__text">
																				Create New Task
																			</span>
																		</a>
																		<a href="#" class="m-nav-grid__item">
																			<i class="m-nav-grid__icon flaticon-clipboard"></i>
																			<span class="m-nav-grid__text">
																				Completed Tasks
																			</span>
																		</a>
																	</div>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
										</li>
										<li class="m-nav__item m-topbar__user-profile m-topbar__user-profile--img  m-dropdown m-dropdown--medium m-dropdown--arrow m-dropdown--header-bg-fill m-dropdown--align-right m-dropdown--mobile-full-width m-dropdown--skin-light" data-dropdown-toggle="click">
											<a href="#" class="m-nav__link m-dropdown__toggle">
												<span class="m-topbar__userpic">
													<img src="../../assets/app/media/img/users/user4.jpg" class="m--img-rounded m--marginless m--img-centered" alt=""/>
												</span>
												<span class="m-topbar__username m--hide">
													Nick
												</span>
											</a>
											<div class="m-dropdown__wrapper">
												<span class="m-dropdown__arrow m-dropdown__arrow--right m-dropdown__arrow--adjust"></span>
												<div class="m-dropdown__inner">
													<div class="m-dropdown__header m--align-center" style="background: url(../../assets/app/media/img/misc/user_profile_bg.jpg); background-size: cover;">
														<div class="m-card-user m-card-user--skin-dark">
															<div class="m-card-user__pic">
																<img src="../../assets/app/media/img/users/user4.jpg" class="m--img-rounded m--marginless" alt=""/>
															</div>
															<div class="m-card-user__details">
																<span class="m-card-user__name m--font-weight-500">
																	Mark Andre
																</span>
																<a href="" class="m-card-user__email m--font-weight-300 m-link">
																	mark.andre@gmail.com
																</a>
															</div>
														</div>
													</div>
													<div class="m-dropdown__body">
														<div class="m-dropdown__content">
															<ul class="m-nav m-nav--skin-light">
																<li class="m-nav__section m--hide">
																	<span class="m-nav__section-text">
																		Section
																	</span>
																</li>
																<li class="m-nav__item">
																	<a href="../../header/profile.html" class="m-nav__link">
																		<i class="m-nav__link-icon flaticon-profile-1"></i>
																		<span class="m-nav__link-title">
																			<span class="m-nav__link-wrap">
																				<span class="m-nav__link-text">
																					My Profile
																				</span>
																				<span class="m-nav__link-badge">
																					<span class="m-badge m-badge--success">
																						2
																					</span>
																				</span>
																			</span>
																		</span>
																	</a>
																</li>
																<li class="m-nav__item">
																	<a href="../../header/profile.html" class="m-nav__link">
																		<i class="m-nav__link-icon flaticon-share"></i>
																		<span class="m-nav__link-text">
																			Activity
																		</span>
																	</a>
																</li>
																<li class="m-nav__item">
																	<a href="../../header/profile.html" class="m-nav__link">
																		<i class="m-nav__link-icon flaticon-chat-1"></i>
																		<span class="m-nav__link-text">
																			Messages
																		</span>
																	</a>
																</li>
																<li class="m-nav__separator m-nav__separator--fit"></li>
																<li class="m-nav__item">
																	<a href="../../header/profile.html" class="m-nav__link">
																		<i class="m-nav__link-icon flaticon-info"></i>
																		<span class="m-nav__link-text">
																			FAQ
																		</span>
																	</a>
																</li>
																<li class="m-nav__item">
																	<a href="../../header/profile.html" class="m-nav__link">
																		<i class="m-nav__link-icon flaticon-lifebuoy"></i>
																		<span class="m-nav__link-text">
																			Support
																		</span>
																	</a>
																</li>
																<li class="m-nav__separator m-nav__separator--fit"></li>
																<li class="m-nav__item">
																	<a href="../../snippets/pages/user/login-1.html" class="btn m-btn--pill    btn-secondary m-btn m-btn--custom m-btn--label-brand m-btn--bolder">
																		Logout
																	</a>
																</li>
															</ul>
														</div>
													</div>
												</div>
											</div>
										</li>
										<li id="m_quick_sidebar_toggle" class="m-nav__item">
											<a href="#" class="m-nav__link m-dropdown__toggle">
												<span class="m-nav__link-icon">
													<i class="flaticon-grid-menu"></i>
												</span>
											</a>
										</li>
									</ul>
								</div>
							</div>
							<!-- END: Topbar -->
						</div>
					</div>
				</div>
			</header>
			<!-- END: Header -->		
		<!-- begin::Body -->
			<div class="m-grid__item m-grid__item--fluid m-grid m-grid--ver-desktop m-grid--desktop m-body">
				<!-- BEGIN: Left Aside -->
				<button class="m-aside-left-close  m-aside-left-close--skin-dark " id="m_aside_left_close_btn">
					<i class="la la-close"></i>
				</button>
				<div id="m_aside_left" class="m-grid__item	m-aside-left  m-aside-left--skin-dark ">
					<!-- BEGIN: Aside Menu -->
	<div 
		id="m_ver_menu" 
		class="m-aside-menu  m-aside-menu--skin-dark m-aside-menu--submenu-skin-dark " 
		data-menu-vertical="true"
		 data-menu-scrollable="false" data-menu-dropdown-timeout="500"  
		>
						<ul class="m-menu__nav  m-menu__nav--dropdown-submenu-arrow ">
							<li class="m-menu__item " aria-haspopup="true" >
								<a  href="../../index.html" class="m-menu__link ">
									<i class="m-menu__link-icon flaticon-line-graph"></i>
									<span class="m-menu__link-title">
										<span class="m-menu__link-wrap">
											<span class="m-menu__link-text">
												Dashboard
											</span>
											<span class="m-menu__link-badge">
												<span class="m-badge m-badge--danger">
													2
												</span>
											</span>
										</span>
									</span>
								</a>
							</li>
							<li class="m-menu__section">
								<h4 class="m-menu__section-text">
									Components
								</h4>
								<i class="m-menu__section-icon flaticon-more-v3"></i>
							</li>
							<li class="m-menu__item  m-menu__item--submenu" aria-haspopup="true"  data-menu-submenu-toggle="hover">
								<a  href="#" class="m-menu__link m-menu__toggle">
									<i class="m-menu__link-icon flaticon-layers"></i>
									<span class="m-menu__link-text">
										Base
									</span>
									<i class="m-menu__ver-arrow la la-angle-right"></i>
								</a>
								<div class="m-menu__submenu">
									<span class="m-menu__arrow"></span>
									<ul class="m-menu__subnav">
										<li class="m-menu__item  m-menu__item--parent" aria-haspopup="true" >
											<a  href="#" class="m-menu__link ">
												<span class="m-menu__link-text">
													Base
												</span>
											</a>
										</li>
										<li class="m-menu__item " aria-haspopup="true" >
											<a  href="../../components/base/state.html" class="m-menu__link ">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													State Colors
												</span>
											</a>
										</li>
										<li class="m-menu__item " aria-haspopup="true" >
											<a  href="../../components/base/typography.html" class="m-menu__link ">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Typography
												</span>
											</a>
										</li>
										<li class="m-menu__item " aria-haspopup="true" >
											<a  href="../../components/base/stack.html" class="m-menu__link ">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Stack
												</span>
											</a>
										</li>
										<li class="m-menu__item " aria-haspopup="true" >
											<a  href="../../components/base/tables.html" class="m-menu__link ">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Tables
												</span>
											</a>
										</li>
										<li class="m-menu__item " aria-haspopup="true" >
											<a  href="../../components/base/progress.html" class="m-menu__link ">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Progress
												</span>
											</a>
										</li>
										<li class="m-menu__item " aria-haspopup="true" >
											<a  href="../../components/base/modal.html" class="m-menu__link ">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Modal
												</span>
											</a>
										</li>
										<li class="m-menu__item " aria-haspopup="true" >
											<a  href="../../components/base/alerts.html" class="m-menu__link ">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Alerts
												</span>
											</a>
										</li>
										<li class="m-menu__item " aria-haspopup="true" >
											<a  href="../../components/base/popover.html" class="m-menu__link ">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Popover
												</span>
											</a>
										</li>
										<li class="m-menu__item " aria-haspopup="true" >
											<a  href="../../components/base/tooltip.html" class="m-menu__link ">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Tooltip
												</span>
											</a>
										</li>
										<li class="m-menu__item " aria-haspopup="true" >
											<a  href="../../components/base/blockui.html" class="m-menu__link ">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Block UI
												</span>
											</a>
										</li>
										<li class="m-menu__item " aria-haspopup="true" >
											<a  href="../../components/base/spinners.html" class="m-menu__link ">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Spinners
												</span>
											</a>
										</li>
										<li class="m-menu__item " aria-haspopup="true" >
											<a  href="../../components/base/scrollable.html" class="m-menu__link ">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Scrollable
												</span>
											</a>
										</li>
										<li class="m-menu__item " aria-haspopup="true" >
											<a  href="../../components/base/dropdown.html" class="m-menu__link ">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Dropdown
												</span>
											</a>
										</li>
										<li class="m-menu__item  m-menu__item--submenu" aria-haspopup="true"  data-menu-submenu-toggle="hover">
											<a  href="#" class="m-menu__link m-menu__toggle">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Tabs
												</span>
												<i class="m-menu__ver-arrow la la-angle-right"></i>
											</a>
											<div class="m-menu__submenu">
												<span class="m-menu__arrow"></span>
												<ul class="m-menu__subnav">
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/base/tabs/bootstrap.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Bootstrap Tabs
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/base/tabs/line.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Line Tabs
															</span>
														</a>
													</li>
												</ul>
											</div>
										</li>
										<li class="m-menu__item " aria-haspopup="true" >
											<a  href="../../components/base/navs.html" class="m-menu__link ">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Navs
												</span>
											</a>
										</li>
										<li class="m-menu__item " aria-haspopup="true" >
											<a  href="../../components/base/lists.html" class="m-menu__link ">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Lists
												</span>
											</a>
										</li>
										<li class="m-menu__item " aria-haspopup="true" >
											<a  href="../../components/base/treeview.html" class="m-menu__link ">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Tree View
												</span>
											</a>
										</li>
										<li class="m-menu__item " aria-haspopup="true" >
											<a  href="../../components/base/bootstrap-notify.html" class="m-menu__link ">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Bootstrap Notify
												</span>
											</a>
										</li>
										<li class="m-menu__item " aria-haspopup="true" >
											<a  href="../../components/base/toastr.html" class="m-menu__link ">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Toastr
												</span>
											</a>
										</li>
									</ul>
								</div>
							</li>
							<li class="m-menu__item  m-menu__item--submenu m-menu__item--open m-menu__item--expanded" aria-haspopup="true"  data-menu-submenu-toggle="hover">
								<a  href="#" class="m-menu__link m-menu__toggle">
									<i class="m-menu__link-icon flaticon-share"></i>
									<span class="m-menu__link-text">
										Icons
									</span>
									<i class="m-menu__ver-arrow la la-angle-right"></i>
								</a>
								<div class="m-menu__submenu">
									<span class="m-menu__arrow"></span>
									<ul class="m-menu__subnav">
										<li class="m-menu__item " aria-haspopup="true" >
											<a  href="../../components/icons/flaticon.html" class="m-menu__link ">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Flaticon
												</span>
											</a>
										</li>
										<li class="m-menu__item " aria-haspopup="true" >
											<a  href="../../components/icons/fontawesome.html" class="m-menu__link ">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Fontawesome
												</span>
											</a>
										</li>
										<li class="m-menu__item  m-menu__item--active" aria-haspopup="true" >
											<a  href="../../components/icons/lineawesome.html" class="m-menu__link ">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Lineawesome
												</span>
											</a>
										</li>
										<li class="m-menu__item " aria-haspopup="true" >
											<a  href="../../components/icons/socicons.html" class="m-menu__link ">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Socicons
												</span>
											</a>
										</li>
									</ul>
								</div>
							</li>
							<li class="m-menu__item  m-menu__item--submenu" aria-haspopup="true"  data-menu-submenu-toggle="hover">
								<a  href="#" class="m-menu__link m-menu__toggle">
									<i class="m-menu__link-icon flaticon-multimedia-1"></i>
									<span class="m-menu__link-text">
										Buttons
									</span>
									<i class="m-menu__ver-arrow la la-angle-right"></i>
								</a>
								<div class="m-menu__submenu">
									<span class="m-menu__arrow"></span>
									<ul class="m-menu__subnav">
										<li class="m-menu__item  m-menu__item--parent" aria-haspopup="true" >
											<a  href="#" class="m-menu__link ">
												<span class="m-menu__link-text">
													Buttons
												</span>
											</a>
										</li>
										<li class="m-menu__item  m-menu__item--submenu" aria-haspopup="true"  data-menu-submenu-toggle="hover">
											<a  href="#" class="m-menu__link m-menu__toggle">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Button Base
												</span>
												<i class="m-menu__ver-arrow la la-angle-right"></i>
											</a>
											<div class="m-menu__submenu">
												<span class="m-menu__arrow"></span>
												<ul class="m-menu__subnav">
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/buttons/base/default.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Default Style
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/buttons/base/square.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Square Style
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/buttons/base/pill.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Pill Style
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/buttons/base/air.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Air Style
															</span>
														</a>
													</li>
												</ul>
											</div>
										</li>
										<li class="m-menu__item " aria-haspopup="true" >
											<a  href="../../components/buttons/group.html" class="m-menu__link ">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Button Group
												</span>
											</a>
										</li>
										<li class="m-menu__item " aria-haspopup="true" >
											<a  href="../../components/buttons/dropdown.html" class="m-menu__link ">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Button Dropdown
												</span>
											</a>
										</li>
										<li class="m-menu__item  m-menu__item--submenu" aria-haspopup="true"  data-menu-submenu-toggle="hover">
											<a  href="#" class="m-menu__link m-menu__toggle">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Button Icon
												</span>
												<i class="m-menu__ver-arrow la la-angle-right"></i>
											</a>
											<div class="m-menu__submenu">
												<span class="m-menu__arrow"></span>
												<ul class="m-menu__subnav">
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/buttons/icon/lineawesome.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Lineawesome Icons
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/buttons/icon/fontawesome.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Fontawesome Icons
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/buttons/icon/flaticon.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Flaticon Icons
															</span>
														</a>
													</li>
												</ul>
											</div>
										</li>
									</ul>
								</div>
							</li>
							<li class="m-menu__item  m-menu__item--submenu" aria-haspopup="true"  data-menu-submenu-toggle="hover">
								<a  href="#" class="m-menu__link m-menu__toggle">
									<i class="m-menu__link-icon flaticon-interface-7"></i>
									<span class="m-menu__link-text">
										Forms
									</span>
									<i class="m-menu__ver-arrow la la-angle-right"></i>
								</a>
								<div class="m-menu__submenu">
									<span class="m-menu__arrow"></span>
									<ul class="m-menu__subnav">
										<li class="m-menu__item  m-menu__item--parent" aria-haspopup="true" >
											<a  href="#" class="m-menu__link ">
												<span class="m-menu__link-text">
													Forms
												</span>
											</a>
										</li>
										<li class="m-menu__item  m-menu__item--submenu" aria-haspopup="true"  data-menu-submenu-toggle="hover">
											<a  href="#" class="m-menu__link m-menu__toggle">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Form Controls
												</span>
												<i class="m-menu__ver-arrow la la-angle-right"></i>
											</a>
											<div class="m-menu__submenu">
												<span class="m-menu__arrow"></span>
												<ul class="m-menu__subnav">
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/forms/controls/base.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Base Inputs
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/forms/controls/checkbox-radio.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Checkbox & Radio
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/forms/controls/switch.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Switch
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/forms/controls/input-group.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Input Groups
															</span>
														</a>
													</li>
												</ul>
											</div>
										</li>
										<li class="m-menu__item  m-menu__item--submenu" aria-haspopup="true"  data-menu-submenu-toggle="hover">
											<a  href="#" class="m-menu__link m-menu__toggle">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Form Widgets
												</span>
												<i class="m-menu__ver-arrow la la-angle-right"></i>
											</a>
											<div class="m-menu__submenu">
												<span class="m-menu__arrow"></span>
												<ul class="m-menu__subnav">
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/forms/widgets/bootstrap-datepicker.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Datepicker
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/forms/widgets/bootstrap-datetimepicker.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Datetimepicker
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/forms/widgets/bootstrap-timepicker.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Timepicker
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/forms/widgets/bootstrap-daterangepicker.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Daterangepicker
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/forms/widgets/bootstrap-touchspin.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Touchspin
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/forms/widgets/bootstrap-maxlength.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Maxlength
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/forms/widgets/bootstrap-switch.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Switch
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/forms/widgets/bootstrap-multipleselectsplitter.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Multiple Select Splitter
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/forms/widgets/bootstrap-select.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Bootstrap Select
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/forms/widgets/select2.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Select2
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/forms/widgets/typeahead.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Typeahead
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/forms/widgets/nouislider.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																noUiSlider
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/forms/widgets/form-repeater.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Form Repeater
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/forms/widgets/ion-range-slider.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Ion Range Slider
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/forms/widgets/input-mask.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Input Masks
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/forms/widgets/summernote.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Summernote WYSIWYG
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/forms/widgets/bootstrap-markdown.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Markdown Editor
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/forms/widgets/autosize.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Autosize
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/forms/widgets/clipboard.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Clipboard
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/forms/widgets/dropzone.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Dropzone
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/forms/widgets/recaptcha.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Google reCaptcha
															</span>
														</a>
													</li>
												</ul>
											</div>
										</li>
										<li class="m-menu__item  m-menu__item--submenu" aria-haspopup="true"  data-menu-submenu-toggle="hover">
											<a  href="#" class="m-menu__link m-menu__toggle">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Form Layouts
												</span>
												<i class="m-menu__ver-arrow la la-angle-right"></i>
											</a>
											<div class="m-menu__submenu">
												<span class="m-menu__arrow"></span>
												<ul class="m-menu__subnav">
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/forms/layouts/default-forms.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Default Forms
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/forms/layouts/multi-column-forms.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Multi Column Forms
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/forms/layouts/action-bars.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Action Bars
															</span>
														</a>
													</li>
												</ul>
											</div>
										</li>
										<li class="m-menu__item  m-menu__item--submenu" aria-haspopup="true"  data-menu-submenu-toggle="hover">
											<a  href="#" class="m-menu__link m-menu__toggle">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Form Validation
												</span>
												<i class="m-menu__ver-arrow la la-angle-right"></i>
											</a>
											<div class="m-menu__submenu">
												<span class="m-menu__arrow"></span>
												<ul class="m-menu__subnav">
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/forms/validation/states.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Validation States
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/forms/validation/form-controls.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Form Controls
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/forms/validation/form-widgets.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Form Widgets
															</span>
														</a>
													</li>
												</ul>
											</div>
										</li>
									</ul>
								</div>
							</li>
							<li class="m-menu__item  m-menu__item--submenu" aria-haspopup="true"  data-menu-submenu-toggle="hover">
								<a  href="#" class="m-menu__link m-menu__toggle">
									<i class="m-menu__link-icon flaticon-tabs"></i>
									<span class="m-menu__link-text">
										Datatables
									</span>
									<i class="m-menu__ver-arrow la la-angle-right"></i>
								</a>
								<div class="m-menu__submenu">
									<span class="m-menu__arrow"></span>
									<ul class="m-menu__subnav">
										<li class="m-menu__item  m-menu__item--parent" aria-haspopup="true" >
											<a  href="#" class="m-menu__link ">
												<span class="m-menu__link-text">
													Datatables
												</span>
											</a>
										</li>
										<li class="m-menu__item  m-menu__item--submenu" aria-haspopup="true"  data-menu-submenu-toggle="hover">
											<a  href="#" class="m-menu__link m-menu__toggle">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Base
												</span>
												<i class="m-menu__ver-arrow la la-angle-right"></i>
											</a>
											<div class="m-menu__submenu">
												<span class="m-menu__arrow"></span>
												<ul class="m-menu__subnav">
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/datatables/base/data-local.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Local Data
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/datatables/base/data-json.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																JSON Data
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/datatables/base/data-ajax.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Ajax Data
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/datatables/base/html-table.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																HTML Table
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/datatables/base/record-selection.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Record Selection
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/datatables/base/local-sort.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Local Sort
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/datatables/base/column-rendering.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Column Rendering
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/datatables/base/column-width.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Column Width
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/datatables/base/responsive-columns.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Responsive Columns
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/datatables/base/translation.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Translation
															</span>
														</a>
													</li>
												</ul>
											</div>
										</li>
										<li class="m-menu__item  m-menu__item--submenu" aria-haspopup="true"  data-menu-submenu-toggle="hover">
											<a  href="#" class="m-menu__link m-menu__toggle">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Scrolling
												</span>
												<i class="m-menu__ver-arrow la la-angle-right"></i>
											</a>
											<div class="m-menu__submenu">
												<span class="m-menu__arrow"></span>
												<ul class="m-menu__subnav">
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/datatables/scrolling/vertical.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Vertical Scrolling
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/datatables/scrolling/horizontal.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Horizontal Scrolling
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/datatables/scrolling/both.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Both Scrolling
															</span>
														</a>
													</li>
												</ul>
											</div>
										</li>
										<li class="m-menu__item  m-menu__item--submenu" aria-haspopup="true"  data-menu-submenu-toggle="hover">
											<a  href="#" class="m-menu__link m-menu__toggle">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Locked Columns
												</span>
												<i class="m-menu__ver-arrow la la-angle-right"></i>
											</a>
											<div class="m-menu__submenu">
												<span class="m-menu__arrow"></span>
												<ul class="m-menu__subnav">
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/datatables/locked/left.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Left Locked Columns
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/datatables/locked/right.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Right Locked Columns
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/datatables/locked/both.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Both Locked Columns
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/datatables/locked/html-table.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																HTML Table
															</span>
														</a>
													</li>
												</ul>
											</div>
										</li>
										<li class="m-menu__item  m-menu__item--submenu" aria-haspopup="true"  data-menu-submenu-toggle="hover">
											<a  href="#" class="m-menu__link m-menu__toggle">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Child Datatables
												</span>
												<i class="m-menu__ver-arrow la la-angle-right"></i>
											</a>
											<div class="m-menu__submenu">
												<span class="m-menu__arrow"></span>
												<ul class="m-menu__subnav">
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/datatables/child/data-local.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Local Data
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/datatables/child/data-ajax.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Remote Data
															</span>
														</a>
													</li>
												</ul>
											</div>
										</li>
										<li class="m-menu__item  m-menu__item--submenu" aria-haspopup="true"  data-menu-submenu-toggle="hover">
											<a  href="#" class="m-menu__link m-menu__toggle">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													API
												</span>
												<i class="m-menu__ver-arrow la la-angle-right"></i>
											</a>
											<div class="m-menu__submenu">
												<span class="m-menu__arrow"></span>
												<ul class="m-menu__subnav">
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/datatables/api/methods.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																API Methods
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/datatables/api/events.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Events
															</span>
														</a>
													</li>
												</ul>
											</div>
										</li>
									</ul>
								</div>
							</li>
							<li class="m-menu__item  m-menu__item--submenu" aria-haspopup="true"  data-menu-submenu-toggle="hover">
								<a  href="#" class="m-menu__link m-menu__toggle">
									<i class="m-menu__link-icon flaticon-interface-1"></i>
									<span class="m-menu__link-text">
										Portlets
									</span>
									<i class="m-menu__ver-arrow la la-angle-right"></i>
								</a>
								<div class="m-menu__submenu">
									<span class="m-menu__arrow"></span>
									<ul class="m-menu__subnav">
										<li class="m-menu__item  m-menu__item--parent" aria-haspopup="true" >
											<a  href="#" class="m-menu__link ">
												<span class="m-menu__link-text">
													Portlets
												</span>
											</a>
										</li>
										<li class="m-menu__item " aria-haspopup="true" >
											<a  href="../../components/portlets/base.html" class="m-menu__link ">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Base Portlets
												</span>
											</a>
										</li>
										<li class="m-menu__item " aria-haspopup="true" >
											<a  href="../../components/portlets/advanced.html" class="m-menu__link ">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Advanced Portlets
												</span>
											</a>
										</li>
										<li class="m-menu__item " aria-haspopup="true" >
											<a  href="../../components/portlets/creative.html" class="m-menu__link ">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Creative Portlets
												</span>
											</a>
										</li>
										<li class="m-menu__item " aria-haspopup="true" >
											<a  href="../../components/portlets/tabbed.html" class="m-menu__link ">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Tabbed Portlets
												</span>
											</a>
										</li>
										<li class="m-menu__item " aria-haspopup="true" >
											<a  href="../../components/portlets/draggable.html" class="m-menu__link ">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Draggable Portlets
												</span>
											</a>
										</li>
										<li class="m-menu__item " aria-haspopup="true" >
											<a  href="../../components/portlets/tools.html" class="m-menu__link ">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Portlet Tools
												</span>
											</a>
										</li>
									</ul>
								</div>
							</li>
							<li class="m-menu__item  m-menu__item--submenu" aria-haspopup="true"  data-menu-submenu-toggle="hover">
								<a  href="#" class="m-menu__link m-menu__toggle">
									<i class="m-menu__link-icon flaticon-network"></i>
									<span class="m-menu__link-text">
										Widgets
									</span>
									<i class="m-menu__ver-arrow la la-angle-right"></i>
								</a>
								<div class="m-menu__submenu">
									<span class="m-menu__arrow"></span>
									<ul class="m-menu__subnav">
										<li class="m-menu__item  m-menu__item--parent" aria-haspopup="true" >
											<a  href="#" class="m-menu__link ">
												<span class="m-menu__link-text">
													Widgets
												</span>
											</a>
										</li>
										<li class="m-menu__item " aria-haspopup="true" >
											<a  href="../../components/widgets/general.html" class="m-menu__link ">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													General Widgets
												</span>
											</a>
										</li>
										<li class="m-menu__item " aria-haspopup="true" >
											<a  href="../../components/widgets/chart.html" class="m-menu__link ">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Chart Widgets
												</span>
											</a>
										</li>
									</ul>
								</div>
							</li>
							<li class="m-menu__item  m-menu__item--submenu" aria-haspopup="true"  data-menu-submenu-toggle="hover">
								<a  href="#" class="m-menu__link m-menu__toggle">
									<i class="m-menu__link-icon flaticon-calendar"></i>
									<span class="m-menu__link-text">
										Calendar
									</span>
									<i class="m-menu__ver-arrow la la-angle-right"></i>
								</a>
								<div class="m-menu__submenu">
									<span class="m-menu__arrow"></span>
									<ul class="m-menu__subnav">
										<li class="m-menu__item  m-menu__item--parent" aria-haspopup="true" >
											<a  href="#" class="m-menu__link ">
												<span class="m-menu__link-text">
													Calendar
												</span>
											</a>
										</li>
										<li class="m-menu__item " aria-haspopup="true" >
											<a  href="../../components/calendar/basic.html" class="m-menu__link ">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Basic Calendar
												</span>
											</a>
										</li>
										<li class="m-menu__item " aria-haspopup="true" >
											<a  href="../../components/calendar/list-view.html" class="m-menu__link ">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													List Views
												</span>
											</a>
										</li>
										<li class="m-menu__item " aria-haspopup="true" >
											<a  href="../../components/calendar/google.html" class="m-menu__link ">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Google Calendar
												</span>
											</a>
										</li>
										<li class="m-menu__item " aria-haspopup="true" >
											<a  href="../../components/calendar/external-events.html" class="m-menu__link ">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													External Events
												</span>
											</a>
										</li>
										<li class="m-menu__item " aria-haspopup="true" >
											<a  href="../../components/calendar/background-events.html" class="m-menu__link ">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Background Events
												</span>
											</a>
										</li>
									</ul>
								</div>
							</li>
							<li class="m-menu__item  m-menu__item--submenu" aria-haspopup="true"  data-menu-submenu-toggle="hover">
								<a  href="#" class="m-menu__link m-menu__toggle">
									<i class="m-menu__link-icon flaticon-diagram"></i>
									<span class="m-menu__link-text">
										Charts
									</span>
									<i class="m-menu__ver-arrow la la-angle-right"></i>
								</a>
								<div class="m-menu__submenu">
									<span class="m-menu__arrow"></span>
									<ul class="m-menu__subnav">
										<li class="m-menu__item  m-menu__item--parent" aria-haspopup="true" >
											<a  href="#" class="m-menu__link ">
												<span class="m-menu__link-text">
													Charts
												</span>
											</a>
										</li>
										<li class="m-menu__item  m-menu__item--submenu" aria-haspopup="true"  data-menu-submenu-toggle="hover">
											<a  href="#" class="m-menu__link m-menu__toggle">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													amCharts
												</span>
												<i class="m-menu__ver-arrow la la-angle-right"></i>
											</a>
											<div class="m-menu__submenu">
												<span class="m-menu__arrow"></span>
												<ul class="m-menu__subnav">
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/charts/amcharts/charts.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																amCharts Charts
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/charts/amcharts/stock-charts.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																amCharts Stock Charts
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../components/charts/amcharts/maps.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																amCharts Maps
															</span>
														</a>
													</li>
												</ul>
											</div>
										</li>
										<li class="m-menu__item " aria-haspopup="true" >
											<a  href="../../components/charts/flotcharts.html" class="m-menu__link ">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Flot Charts
												</span>
											</a>
										</li>
										<li class="m-menu__item " aria-haspopup="true" >
											<a  href="../../components/charts/google-charts.html" class="m-menu__link ">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Google Charts
												</span>
											</a>
										</li>
										<li class="m-menu__item " aria-haspopup="true" >
											<a  href="../../components/charts/morris-charts.html" class="m-menu__link ">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Morris Charts
												</span>
											</a>
										</li>
									</ul>
								</div>
							</li>
							<li class="m-menu__item  m-menu__item--submenu" aria-haspopup="true"  data-menu-submenu-toggle="hover">
								<a  href="#" class="m-menu__link m-menu__toggle">
									<i class="m-menu__link-icon flaticon-placeholder-1"></i>
									<span class="m-menu__link-text">
										Maps
									</span>
									<i class="m-menu__ver-arrow la la-angle-right"></i>
								</a>
								<div class="m-menu__submenu">
									<span class="m-menu__arrow"></span>
									<ul class="m-menu__subnav">
										<li class="m-menu__item  m-menu__item--parent" aria-haspopup="true" >
											<a  href="#" class="m-menu__link ">
												<span class="m-menu__link-text">
													Maps
												</span>
											</a>
										</li>
										<li class="m-menu__item " aria-haspopup="true" >
											<a  href="../../components/maps/google-maps.html" class="m-menu__link ">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Google Maps
												</span>
											</a>
										</li>
										<li class="m-menu__item " aria-haspopup="true" >
											<a  href="../../components/maps/jqvmap.html" class="m-menu__link ">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													JQVMap
												</span>
											</a>
										</li>
									</ul>
								</div>
							</li>
							<li class="m-menu__item  m-menu__item--submenu" aria-haspopup="true"  data-menu-submenu-toggle="hover">
								<a  href="#" class="m-menu__link m-menu__toggle">
									<i class="m-menu__link-icon flaticon-signs-2"></i>
									<span class="m-menu__link-text">
										Utils
									</span>
									<i class="m-menu__ver-arrow la la-angle-right"></i>
								</a>
								<div class="m-menu__submenu">
									<span class="m-menu__arrow"></span>
									<ul class="m-menu__subnav">
										<li class="m-menu__item  m-menu__item--parent" aria-haspopup="true" >
											<a  href="#" class="m-menu__link ">
												<span class="m-menu__link-text">
													Utils
												</span>
											</a>
										</li>
										<li class="m-menu__item " aria-haspopup="true" >
											<a  href="../../components/utils/session-timeout.html" class="m-menu__link ">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Session Timeout
												</span>
											</a>
										</li>
										<li class="m-menu__item " aria-haspopup="true" >
											<a  href="../../components/utils/idle-timer.html" class="m-menu__link ">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Idle Timer
												</span>
											</a>
										</li>
									</ul>
								</div>
							</li>
							<li class="m-menu__section">
								<h4 class="m-menu__section-text">
									Snippets
								</h4>
								<i class="m-menu__section-icon flaticon-more-v3"></i>
							</li>
							<li class="m-menu__item  m-menu__item--submenu" aria-haspopup="true"  data-menu-submenu-toggle="hover">
								<a  href="#" class="m-menu__link m-menu__toggle">
									<i class="m-menu__link-icon flaticon-interface-3"></i>
									<span class="m-menu__link-text">
										General
									</span>
									<i class="m-menu__ver-arrow la la-angle-right"></i>
								</a>
								<div class="m-menu__submenu">
									<span class="m-menu__arrow"></span>
									<ul class="m-menu__subnav">
										<li class="m-menu__item  m-menu__item--parent" aria-haspopup="true" >
											<a  href="#" class="m-menu__link ">
												<span class="m-menu__link-text">
													General
												</span>
											</a>
										</li>
										<li class="m-menu__item  m-menu__item--submenu" aria-haspopup="true"  data-menu-submenu-toggle="hover">
											<a  href="#" class="m-menu__link m-menu__toggle">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Pricing Tables
												</span>
												<i class="m-menu__ver-arrow la la-angle-right"></i>
											</a>
											<div class="m-menu__submenu">
												<span class="m-menu__arrow"></span>
												<ul class="m-menu__subnav">
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../snippets/general/pricing-tables/pricing-table-1.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Pricing Tables v1
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../snippets/general/pricing-tables/pricing-table-2.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Pricing Tables v2
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../snippets/general/pricing-tables/pricing-table-3.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Pricing Tables v3
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a  href="../../snippets/general/pricing-tables/pricing-table-4.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Pricing Tables v4
															</span>
														</a>
													</li>
												</ul>
											</div>
										</li>
									</ul>
								</div>
							</li>
							<li class="m-menu__item  m-menu__item--submenu" aria-haspopup="true"  data-menu-submenu-toggle="hover">
								<a  href="#" class="m-menu__link m-menu__toggle">
									<i class="m-menu__link-icon flaticon-suitcase"></i>
									<span class="m-menu__link-text">
										Custom Pages
									</span>
									<i class="m-menu__ver-arrow la la-angle-right"></i>
								</a>
								<div class="m-menu__submenu">
									<span class="m-menu__arrow"></span>
									<ul class="m-menu__subnav">
										<li class="m-menu__item  m-menu__item--parent" aria-haspopup="true" >
											<a  href="#" class="m-menu__link ">
												<span class="m-menu__link-text">
													Custom Pages
												</span>
											</a>
										</li>
										<li class="m-menu__item  m-menu__item--submenu" aria-haspopup="true"  data-menu-submenu-toggle="hover">
											<a  href="#" class="m-menu__link m-menu__toggle">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													User Pages
												</span>
												<i class="m-menu__ver-arrow la la-angle-right"></i>
											</a>
											<div class="m-menu__submenu">
												<span class="m-menu__arrow"></span>
												<ul class="m-menu__subnav">
													<li class="m-menu__item " aria-haspopup="true" >
														<a target="_blank" href="../../snippets/pages/user/login-1.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Login - 1
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a target="_blank" href="../../snippets/pages/user/login-2.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Login - 2
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a target="_blank" href="../../snippets/pages/user/login-3.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Login - 3
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a target="_blank" href="../../snippets/pages/user/login-4.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Login - 4
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a target="_blank" href="../../snippets/pages/user/login-5.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Login - 5
															</span>
														</a>
													</li>
												</ul>
											</div>
										</li>
										<li class="m-menu__item  m-menu__item--submenu" aria-haspopup="true"  data-menu-submenu-toggle="hover">
											<a  href="#" class="m-menu__link m-menu__toggle">
												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
													<span></span>
												</i>
												<span class="m-menu__link-text">
													Error Pages
												</span>
												<i class="m-menu__ver-arrow la la-angle-right"></i>
											</a>
											<div class="m-menu__submenu">
												<span class="m-menu__arrow"></span>
												<ul class="m-menu__subnav">
													<li class="m-menu__item " aria-haspopup="true" >
														<a target="_blank" href="../../snippets/pages/errors/error-1.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Error 1
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a target="_blank" href="../../snippets/pages/errors/error-2.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Error 2
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a target="_blank" href="../../snippets/pages/errors/error-3.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Error 3
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a target="_blank" href="../../snippets/pages/errors/error-4.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Error 4
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a target="_blank" href="../../snippets/pages/errors/error-5.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Error 5
															</span>
														</a>
													</li>
													<li class="m-menu__item " aria-haspopup="true" >
														<a target="_blank" href="../../snippets/pages/errors/error-6.html" class="m-menu__link ">
															<i class="m-menu__link-bullet m-menu__link-bullet--dot">
																<span></span>
															</i>
															<span class="m-menu__link-text">
																Error 6
															</span>
														</a>
													</li>
												</ul>
											</div>
										</li>
									</ul>
								</div>
							</li>
						</ul>
					</div>
					<!-- END: Aside Menu -->
				</div>
				<!-- END: Left Aside -->
				<div class="m-grid__item m-grid__item--fluid m-wrapper">
					<!-- BEGIN: Subheader -->
					<div class="m-subheader ">
						<div class="d-flex align-items-center">
							<div class="mr-auto">
								<h3 class="m-subheader__title m-subheader__title--separator">
									Lineawesome Icons
								</h3>
								<ul class="m-subheader__breadcrumbs m-nav m-nav--inline">
									<li class="m-nav__item m-nav__item--home">
										<a href="#" class="m-nav__link m-nav__link--icon">
											<i class="m-nav__link-icon la la-home"></i>
										</a>
									</li>
									<li class="m-nav__separator">
										-
									</li>
									<li class="m-nav__item">
										<a href="" class="m-nav__link">
											<span class="m-nav__link-text">
												Icons
											</span>
										</a>
									</li>
									<li class="m-nav__separator">
										-
									</li>
									<li class="m-nav__item">
										<a href="" class="m-nav__link">
											<span class="m-nav__link-text">
												Lineawesome
											</span>
										</a>
									</li>
								</ul>
							</div>
							<div>
								<div class="m-dropdown m-dropdown--inline m-dropdown--arrow m-dropdown--align-right m-dropdown--align-push" data-dropdown-toggle="hover" aria-expanded="true">
									<a href="#" class="m-portlet__nav-link btn btn-lg btn-secondary  m-btn m-btn--outline-2x m-btn--air m-btn--icon m-btn--icon-only m-btn--pill  m-dropdown__toggle">
										<i class="la la-plus m--hide"></i>
										<i class="la la-ellipsis-h"></i>
									</a>
									<div class="m-dropdown__wrapper">
										<span class="m-dropdown__arrow m-dropdown__arrow--right m-dropdown__arrow--adjust"></span>
										<div class="m-dropdown__inner">
											<div class="m-dropdown__body">
												<div class="m-dropdown__content">
													<ul class="m-nav">
														<li class="m-nav__section m-nav__section--first m--hide">
															<span class="m-nav__section-text">
																Quick Actions
															</span>
														</li>
														<li class="m-nav__item">
															<a href="" class="m-nav__link">
																<i class="m-nav__link-icon flaticon-share"></i>
																<span class="m-nav__link-text">
																	Activity
																</span>
															</a>
														</li>
														<li class="m-nav__item">
															<a href="" class="m-nav__link">
																<i class="m-nav__link-icon flaticon-chat-1"></i>
																<span class="m-nav__link-text">
																	Messages
																</span>
															</a>
														</li>
														<li class="m-nav__item">
															<a href="" class="m-nav__link">
																<i class="m-nav__link-icon flaticon-info"></i>
																<span class="m-nav__link-text">
																	FAQ
																</span>
															</a>
														</li>
														<li class="m-nav__item">
															<a href="" class="m-nav__link">
																<i class="m-nav__link-icon flaticon-lifebuoy"></i>
																<span class="m-nav__link-text">
																	Support
																</span>
															</a>
														</li>
														<li class="m-nav__separator m-nav__separator--fit"></li>
														<li class="m-nav__item">
															<a href="#" class="btn btn-outline-danger m-btn m-btn--pill m-btn--wide btn-sm">
																Submit
															</a>
														</li>
													</ul>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- END: Subheader -->
					<div class="m-content">
						<div class="row">
							<div class="col-md-12">
								<!--begin::Portlet-->
								<div class="m-portlet">
									<div class="m-portlet__head">
										<div class="m-portlet__head-caption">
											<div class="m-portlet__head-title">
												<span class="m-portlet__head-icon m--hide">
													<i class="la la-gear"></i>
												</span>
												<h3 class="m-portlet__head-text">
													LineAwesome Icons
												</h3>
											</div>
										</div>
									</div>
									<div class="m-portlet__body">
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-500px"></i>
													</div>
													<div class="m-demo-icon__class">
														la-500px
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-adjust"></i>
													</div>
													<div class="m-demo-icon__class">
														la-adjust
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-adn"></i>
													</div>
													<div class="m-demo-icon__class">
														la-adn
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-align-center"></i>
													</div>
													<div class="m-demo-icon__class">
														la-align-center
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-align-justify"></i>
													</div>
													<div class="m-demo-icon__class">
														la-align-justify
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-align-left"></i>
													</div>
													<div class="m-demo-icon__class">
														la-align-left
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-align-right"></i>
													</div>
													<div class="m-demo-icon__class">
														la-align-right
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-amazon"></i>
													</div>
													<div class="m-demo-icon__class">
														la-amazon
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-ambulance"></i>
													</div>
													<div class="m-demo-icon__class">
														la-ambulance
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-anchor"></i>
													</div>
													<div class="m-demo-icon__class">
														la-anchor
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-android"></i>
													</div>
													<div class="m-demo-icon__class">
														la-android
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-angellist"></i>
													</div>
													<div class="m-demo-icon__class">
														la-angellist
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-angle-double-down"></i>
													</div>
													<div class="m-demo-icon__class">
														la-angle-double-down
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-angle-double-left"></i>
													</div>
													<div class="m-demo-icon__class">
														la-angle-double-left
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-angle-double-right"></i>
													</div>
													<div class="m-demo-icon__class">
														la-angle-double-right
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-angle-double-up"></i>
													</div>
													<div class="m-demo-icon__class">
														la-angle-double-up
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-angle-down"></i>
													</div>
													<div class="m-demo-icon__class">
														la-angle-down
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-angle-left"></i>
													</div>
													<div class="m-demo-icon__class">
														la-angle-left
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-angle-right"></i>
													</div>
													<div class="m-demo-icon__class">
														la-angle-right
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-angle-up"></i>
													</div>
													<div class="m-demo-icon__class">
														la-angle-up
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-apple"></i>
													</div>
													<div class="m-demo-icon__class">
														la-apple
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-archive"></i>
													</div>
													<div class="m-demo-icon__class">
														la-archive
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-area-chart"></i>
													</div>
													<div class="m-demo-icon__class">
														la-area-chart
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-arrow-circle-down"></i>
													</div>
													<div class="m-demo-icon__class">
														la-arrow-circle-down
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-arrow-circle-left"></i>
													</div>
													<div class="m-demo-icon__class">
														la-arrow-circle-left
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-arrow-circle-o-down"></i>
													</div>
													<div class="m-demo-icon__class">
														la-arrow-circle-o-down
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-arrow-circle-o-left"></i>
													</div>
													<div class="m-demo-icon__class">
														la-arrow-circle-o-left
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-arrow-circle-o-right"></i>
													</div>
													<div class="m-demo-icon__class">
														la-arrow-circle-o-right
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-arrow-circle-o-up"></i>
													</div>
													<div class="m-demo-icon__class">
														la-arrow-circle-o-up
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-arrow-circle-right"></i>
													</div>
													<div class="m-demo-icon__class">
														la-arrow-circle-right
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-arrow-circle-up"></i>
													</div>
													<div class="m-demo-icon__class">
														la-arrow-circle-up
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-arrow-down"></i>
													</div>
													<div class="m-demo-icon__class">
														la-arrow-down
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-arrow-left"></i>
													</div>
													<div class="m-demo-icon__class">
														la-arrow-left
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-arrow-right"></i>
													</div>
													<div class="m-demo-icon__class">
														la-arrow-right
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-arrow-up"></i>
													</div>
													<div class="m-demo-icon__class">
														la-arrow-up
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-arrows"></i>
													</div>
													<div class="m-demo-icon__class">
														la-arrows
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-arrows-alt"></i>
													</div>
													<div class="m-demo-icon__class">
														la-arrows-alt
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-arrows-h"></i>
													</div>
													<div class="m-demo-icon__class">
														la-arrows-h
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-arrows-v"></i>
													</div>
													<div class="m-demo-icon__class">
														la-arrows-v
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-asterisk"></i>
													</div>
													<div class="m-demo-icon__class">
														la-asterisk
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-at"></i>
													</div>
													<div class="m-demo-icon__class">
														la-at
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-automobile"></i>
													</div>
													<div class="m-demo-icon__class">
														la-automobile
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-backward"></i>
													</div>
													<div class="m-demo-icon__class">
														la-backward
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-balance-scale"></i>
													</div>
													<div class="m-demo-icon__class">
														la-balance-scale
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-ban"></i>
													</div>
													<div class="m-demo-icon__class">
														la-ban
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-bank"></i>
													</div>
													<div class="m-demo-icon__class">
														la-bank
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-bar-chart"></i>
													</div>
													<div class="m-demo-icon__class">
														la-bar-chart
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-bar-chart-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-bar-chart-o
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-barcode"></i>
													</div>
													<div class="m-demo-icon__class">
														la-barcode
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-bars"></i>
													</div>
													<div class="m-demo-icon__class">
														la-bars
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-battery-0"></i>
													</div>
													<div class="m-demo-icon__class">
														la-battery-0
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-battery-1"></i>
													</div>
													<div class="m-demo-icon__class">
														la-battery-1
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-battery-2"></i>
													</div>
													<div class="m-demo-icon__class">
														la-battery-2
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-battery-3"></i>
													</div>
													<div class="m-demo-icon__class">
														la-battery-3
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-battery-4"></i>
													</div>
													<div class="m-demo-icon__class">
														la-battery-4
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-battery-empty"></i>
													</div>
													<div class="m-demo-icon__class">
														la-battery-empty
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-battery-full"></i>
													</div>
													<div class="m-demo-icon__class">
														la-battery-full
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-battery-half"></i>
													</div>
													<div class="m-demo-icon__class">
														la-battery-half
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-battery-quarter"></i>
													</div>
													<div class="m-demo-icon__class">
														la-battery-quarter
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-battery-three-quarters"></i>
													</div>
													<div class="m-demo-icon__class">
														la-battery-three-quarters
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-bed"></i>
													</div>
													<div class="m-demo-icon__class">
														la-bed
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-beer"></i>
													</div>
													<div class="m-demo-icon__class">
														la-beer
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-behance"></i>
													</div>
													<div class="m-demo-icon__class">
														la-behance
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-behance-square"></i>
													</div>
													<div class="m-demo-icon__class">
														la-behance-square
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-bell"></i>
													</div>
													<div class="m-demo-icon__class">
														la-bell
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-bell-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-bell-o
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-bell-slash"></i>
													</div>
													<div class="m-demo-icon__class">
														la-bell-slash
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-bell-slash-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-bell-slash-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-bicycle"></i>
													</div>
													<div class="m-demo-icon__class">
														la-bicycle
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-binoculars"></i>
													</div>
													<div class="m-demo-icon__class">
														la-binoculars
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-birthday-cake"></i>
													</div>
													<div class="m-demo-icon__class">
														la-birthday-cake
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-bitbucket"></i>
													</div>
													<div class="m-demo-icon__class">
														la-bitbucket
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-bitbucket-square"></i>
													</div>
													<div class="m-demo-icon__class">
														la-bitbucket-square
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-bitcoin"></i>
													</div>
													<div class="m-demo-icon__class">
														la-bitcoin
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-black-tie"></i>
													</div>
													<div class="m-demo-icon__class">
														la-black-tie
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-bold"></i>
													</div>
													<div class="m-demo-icon__class">
														la-bold
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-bolt"></i>
													</div>
													<div class="m-demo-icon__class">
														la-bolt
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-bomb"></i>
													</div>
													<div class="m-demo-icon__class">
														la-bomb
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-book"></i>
													</div>
													<div class="m-demo-icon__class">
														la-book
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-bookmark"></i>
													</div>
													<div class="m-demo-icon__class">
														la-bookmark
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-bookmark-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-bookmark-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-briefcase"></i>
													</div>
													<div class="m-demo-icon__class">
														la-briefcase
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-btc"></i>
													</div>
													<div class="m-demo-icon__class">
														la-btc
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-bug"></i>
													</div>
													<div class="m-demo-icon__class">
														la-bug
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-building"></i>
													</div>
													<div class="m-demo-icon__class">
														la-building
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-building-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-building-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-bullhorn"></i>
													</div>
													<div class="m-demo-icon__class">
														la-bullhorn
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-bullseye"></i>
													</div>
													<div class="m-demo-icon__class">
														la-bullseye
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-bus"></i>
													</div>
													<div class="m-demo-icon__class">
														la-bus
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-buysellads"></i>
													</div>
													<div class="m-demo-icon__class">
														la-buysellads
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-cab"></i>
													</div>
													<div class="m-demo-icon__class">
														la-cab
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-calculator"></i>
													</div>
													<div class="m-demo-icon__class">
														la-calculator
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-calendar"></i>
													</div>
													<div class="m-demo-icon__class">
														la-calendar
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-calendar-check-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-calendar-check-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-calendar-minus-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-calendar-minus-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-calendar-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-calendar-o
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-calendar-plus-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-calendar-plus-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-calendar-times-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-calendar-times-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-camera"></i>
													</div>
													<div class="m-demo-icon__class">
														la-camera
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-camera-retro"></i>
													</div>
													<div class="m-demo-icon__class">
														la-camera-retro
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-car"></i>
													</div>
													<div class="m-demo-icon__class">
														la-car
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-caret-down"></i>
													</div>
													<div class="m-demo-icon__class">
														la-caret-down
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-caret-left"></i>
													</div>
													<div class="m-demo-icon__class">
														la-caret-left
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-caret-right"></i>
													</div>
													<div class="m-demo-icon__class">
														la-caret-right
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-caret-square-o-down"></i>
													</div>
													<div class="m-demo-icon__class">
														la-caret-square-o-down
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-toggle-down"></i>
													</div>
													<div class="m-demo-icon__class">
														la-toggle-down
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-caret-square-o-left"></i>
													</div>
													<div class="m-demo-icon__class">
														la-caret-square-o-left
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-toggle-left"></i>
													</div>
													<div class="m-demo-icon__class">
														la-toggle-left
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-caret-square-o-right"></i>
													</div>
													<div class="m-demo-icon__class">
														la-caret-square-o-right
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-toggle-right"></i>
													</div>
													<div class="m-demo-icon__class">
														la-toggle-right
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-caret-square-o-up"></i>
													</div>
													<div class="m-demo-icon__class">
														la-caret-square-o-up
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-toggle-up"></i>
													</div>
													<div class="m-demo-icon__class">
														la-toggle-up
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-caret-up"></i>
													</div>
													<div class="m-demo-icon__class">
														la-caret-up
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-cart-arrow-down"></i>
													</div>
													<div class="m-demo-icon__class">
														la-cart-arrow-down
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-cart-plus"></i>
													</div>
													<div class="m-demo-icon__class">
														la-cart-plus
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-cc"></i>
													</div>
													<div class="m-demo-icon__class">
														la-cc
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-cc-amex"></i>
													</div>
													<div class="m-demo-icon__class">
														la-cc-amex
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-cc-diners-club"></i>
													</div>
													<div class="m-demo-icon__class">
														la-cc-diners-club
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-cc-discover"></i>
													</div>
													<div class="m-demo-icon__class">
														la-cc-discover
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-cc-jcb"></i>
													</div>
													<div class="m-demo-icon__class">
														la-cc-jcb
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-cc-mastercard"></i>
													</div>
													<div class="m-demo-icon__class">
														la-cc-mastercard
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-cc-paypal"></i>
													</div>
													<div class="m-demo-icon__class">
														la-cc-paypal
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-cc-stripe"></i>
													</div>
													<div class="m-demo-icon__class">
														la-cc-stripe
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-cc-visa"></i>
													</div>
													<div class="m-demo-icon__class">
														la-cc-visa
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-certificate"></i>
													</div>
													<div class="m-demo-icon__class">
														la-certificate
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-chain"></i>
													</div>
													<div class="m-demo-icon__class">
														la-chain
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-chain-broken"></i>
													</div>
													<div class="m-demo-icon__class">
														la-chain-broken
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-check"></i>
													</div>
													<div class="m-demo-icon__class">
														la-check
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-check-circle"></i>
													</div>
													<div class="m-demo-icon__class">
														la-check-circle
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-check-circle-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-check-circle-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-check-square"></i>
													</div>
													<div class="m-demo-icon__class">
														la-check-square
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-check-square-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-check-square-o
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-chevron-circle-down"></i>
													</div>
													<div class="m-demo-icon__class">
														la-chevron-circle-down
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-chevron-circle-left"></i>
													</div>
													<div class="m-demo-icon__class">
														la-chevron-circle-left
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-chevron-circle-right"></i>
													</div>
													<div class="m-demo-icon__class">
														la-chevron-circle-right
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-chevron-circle-up"></i>
													</div>
													<div class="m-demo-icon__class">
														la-chevron-circle-up
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-chevron-down"></i>
													</div>
													<div class="m-demo-icon__class">
														la-chevron-down
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-chevron-left"></i>
													</div>
													<div class="m-demo-icon__class">
														la-chevron-left
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-chevron-right"></i>
													</div>
													<div class="m-demo-icon__class">
														la-chevron-right
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-chevron-up"></i>
													</div>
													<div class="m-demo-icon__class">
														la-chevron-up
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-child"></i>
													</div>
													<div class="m-demo-icon__class">
														la-child
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-chrome"></i>
													</div>
													<div class="m-demo-icon__class">
														la-chrome
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-circle"></i>
													</div>
													<div class="m-demo-icon__class">
														la-circle
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-circle-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-circle-o
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-circle-o-notch"></i>
													</div>
													<div class="m-demo-icon__class">
														la-circle-o-notch
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-circle-thin"></i>
													</div>
													<div class="m-demo-icon__class">
														la-circle-thin
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-clipboard"></i>
													</div>
													<div class="m-demo-icon__class">
														la-clipboard
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-clock-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-clock-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-clone"></i>
													</div>
													<div class="m-demo-icon__class">
														la-clone
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-close"></i>
													</div>
													<div class="m-demo-icon__class">
														la-close
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-cloud"></i>
													</div>
													<div class="m-demo-icon__class">
														la-cloud
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-cloud-download"></i>
													</div>
													<div class="m-demo-icon__class">
														la-cloud-download
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-cloud-upload"></i>
													</div>
													<div class="m-demo-icon__class">
														la-cloud-upload
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-cny"></i>
													</div>
													<div class="m-demo-icon__class">
														la-cny
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-code"></i>
													</div>
													<div class="m-demo-icon__class">
														la-code
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-code-fork"></i>
													</div>
													<div class="m-demo-icon__class">
														la-code-fork
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-codepen"></i>
													</div>
													<div class="m-demo-icon__class">
														la-codepen
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-coffee"></i>
													</div>
													<div class="m-demo-icon__class">
														la-coffee
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-cog"></i>
													</div>
													<div class="m-demo-icon__class">
														la-cog
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-cogs"></i>
													</div>
													<div class="m-demo-icon__class">
														la-cogs
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-columns"></i>
													</div>
													<div class="m-demo-icon__class">
														la-columns
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-comment"></i>
													</div>
													<div class="m-demo-icon__class">
														la-comment
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-comment-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-comment-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-commenting"></i>
													</div>
													<div class="m-demo-icon__class">
														la-commenting
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-commenting-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-commenting-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-comments"></i>
													</div>
													<div class="m-demo-icon__class">
														la-comments
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-comments-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-comments-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-compass"></i>
													</div>
													<div class="m-demo-icon__class">
														la-compass
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-compress"></i>
													</div>
													<div class="m-demo-icon__class">
														la-compress
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-connectdevelop"></i>
													</div>
													<div class="m-demo-icon__class">
														la-connectdevelop
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-contao"></i>
													</div>
													<div class="m-demo-icon__class">
														la-contao
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-copy"></i>
													</div>
													<div class="m-demo-icon__class">
														la-copy
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-copyright"></i>
													</div>
													<div class="m-demo-icon__class">
														la-copyright
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-creative-commons"></i>
													</div>
													<div class="m-demo-icon__class">
														la-creative-commons
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-credit-card"></i>
													</div>
													<div class="m-demo-icon__class">
														la-credit-card
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-crop"></i>
													</div>
													<div class="m-demo-icon__class">
														la-crop
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-crosshairs"></i>
													</div>
													<div class="m-demo-icon__class">
														la-crosshairs
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-css3"></i>
													</div>
													<div class="m-demo-icon__class">
														la-css3
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-cube"></i>
													</div>
													<div class="m-demo-icon__class">
														la-cube
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-cubes"></i>
													</div>
													<div class="m-demo-icon__class">
														la-cubes
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-cut"></i>
													</div>
													<div class="m-demo-icon__class">
														la-cut
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-cutlery"></i>
													</div>
													<div class="m-demo-icon__class">
														la-cutlery
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-dashboard"></i>
													</div>
													<div class="m-demo-icon__class">
														la-dashboard
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-dashcube"></i>
													</div>
													<div class="m-demo-icon__class">
														la-dashcube
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-database"></i>
													</div>
													<div class="m-demo-icon__class">
														la-database
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-dedent"></i>
													</div>
													<div class="m-demo-icon__class">
														la-dedent
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-delicious"></i>
													</div>
													<div class="m-demo-icon__class">
														la-delicious
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-desktop"></i>
													</div>
													<div class="m-demo-icon__class">
														la-desktop
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-deviantart"></i>
													</div>
													<div class="m-demo-icon__class">
														la-deviantart
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-diamond"></i>
													</div>
													<div class="m-demo-icon__class">
														la-diamond
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-digg"></i>
													</div>
													<div class="m-demo-icon__class">
														la-digg
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-dollar"></i>
													</div>
													<div class="m-demo-icon__class">
														la-dollar
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-dot-circle-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-dot-circle-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-download"></i>
													</div>
													<div class="m-demo-icon__class">
														la-download
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-dribbble"></i>
													</div>
													<div class="m-demo-icon__class">
														la-dribbble
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-dropbox"></i>
													</div>
													<div class="m-demo-icon__class">
														la-dropbox
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-drupal"></i>
													</div>
													<div class="m-demo-icon__class">
														la-drupal
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-edit"></i>
													</div>
													<div class="m-demo-icon__class">
														la-edit
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-eject"></i>
													</div>
													<div class="m-demo-icon__class">
														la-eject
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-ellipsis-h"></i>
													</div>
													<div class="m-demo-icon__class">
														la-ellipsis-h
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-ellipsis-v"></i>
													</div>
													<div class="m-demo-icon__class">
														la-ellipsis-v
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-empire"></i>
													</div>
													<div class="m-demo-icon__class">
														la-empire
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-ge"></i>
													</div>
													<div class="m-demo-icon__class">
														la-ge
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-envelope"></i>
													</div>
													<div class="m-demo-icon__class">
														la-envelope
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-envelope-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-envelope-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-envelope-square"></i>
													</div>
													<div class="m-demo-icon__class">
														la-envelope-square
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-eraser"></i>
													</div>
													<div class="m-demo-icon__class">
														la-eraser
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-eur"></i>
													</div>
													<div class="m-demo-icon__class">
														la-eur
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-euro"></i>
													</div>
													<div class="m-demo-icon__class">
														la-euro
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-exchange"></i>
													</div>
													<div class="m-demo-icon__class">
														la-exchange
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-exclamation"></i>
													</div>
													<div class="m-demo-icon__class">
														la-exclamation
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-exclamation-circle"></i>
													</div>
													<div class="m-demo-icon__class">
														la-exclamation-circle
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-exclamation-triangle"></i>
													</div>
													<div class="m-demo-icon__class">
														la-exclamation-triangle
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-expand"></i>
													</div>
													<div class="m-demo-icon__class">
														la-expand
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-expeditedssl"></i>
													</div>
													<div class="m-demo-icon__class">
														la-expeditedssl
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-external-link"></i>
													</div>
													<div class="m-demo-icon__class">
														la-external-link
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-external-link-square"></i>
													</div>
													<div class="m-demo-icon__class">
														la-external-link-square
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-eye"></i>
													</div>
													<div class="m-demo-icon__class">
														la-eye
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-eye-slash"></i>
													</div>
													<div class="m-demo-icon__class">
														la-eye-slash
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-eyedropper"></i>
													</div>
													<div class="m-demo-icon__class">
														la-eyedropper
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-facebook"></i>
													</div>
													<div class="m-demo-icon__class">
														la-facebook
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-facebook-f"></i>
													</div>
													<div class="m-demo-icon__class">
														la-facebook-f
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-facebook-official"></i>
													</div>
													<div class="m-demo-icon__class">
														la-facebook-official
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-facebook-square"></i>
													</div>
													<div class="m-demo-icon__class">
														la-facebook-square
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-fast-backward"></i>
													</div>
													<div class="m-demo-icon__class">
														la-fast-backward
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-fast-forward"></i>
													</div>
													<div class="m-demo-icon__class">
														la-fast-forward
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-fax"></i>
													</div>
													<div class="m-demo-icon__class">
														la-fax
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-female"></i>
													</div>
													<div class="m-demo-icon__class">
														la-female
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-fighter-jet"></i>
													</div>
													<div class="m-demo-icon__class">
														la-fighter-jet
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-file"></i>
													</div>
													<div class="m-demo-icon__class">
														la-file
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-file-archive-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-file-archive-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-file-audio-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-file-audio-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-file-code-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-file-code-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-file-excel-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-file-excel-o
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-file-image-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-file-image-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-file-movie-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-file-movie-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-file-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-file-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-file-pdf-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-file-pdf-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-file-photo-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-file-photo-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-file-picture-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-file-picture-o
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-file-powerpoint-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-file-powerpoint-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-file-sound-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-file-sound-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-file-text"></i>
													</div>
													<div class="m-demo-icon__class">
														la-file-text
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-file-text-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-file-text-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-file-video-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-file-video-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-file-word-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-file-word-o
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-file-zip-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-file-zip-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-files-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-files-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-film"></i>
													</div>
													<div class="m-demo-icon__class">
														la-film
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-filter"></i>
													</div>
													<div class="m-demo-icon__class">
														la-filter
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-fire"></i>
													</div>
													<div class="m-demo-icon__class">
														la-fire
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-fire-extinguisher"></i>
													</div>
													<div class="m-demo-icon__class">
														la-fire-extinguisher
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-firefox"></i>
													</div>
													<div class="m-demo-icon__class">
														la-firefox
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-flag"></i>
													</div>
													<div class="m-demo-icon__class">
														la-flag
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-flag-checkered"></i>
													</div>
													<div class="m-demo-icon__class">
														la-flag-checkered
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-flag-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-flag-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-flash"></i>
													</div>
													<div class="m-demo-icon__class">
														la-flash
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-flask"></i>
													</div>
													<div class="m-demo-icon__class">
														la-flask
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-flickr"></i>
													</div>
													<div class="m-demo-icon__class">
														la-flickr
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-floppy-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-floppy-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-folder"></i>
													</div>
													<div class="m-demo-icon__class">
														la-folder
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-folder-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-folder-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-folder-open"></i>
													</div>
													<div class="m-demo-icon__class">
														la-folder-open
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-folder-open-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-folder-open-o
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-font"></i>
													</div>
													<div class="m-demo-icon__class">
														la-font
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-fonticons"></i>
													</div>
													<div class="m-demo-icon__class">
														la-fonticons
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-forumbee"></i>
													</div>
													<div class="m-demo-icon__class">
														la-forumbee
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-forward"></i>
													</div>
													<div class="m-demo-icon__class">
														la-forward
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-foursquare"></i>
													</div>
													<div class="m-demo-icon__class">
														la-foursquare
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-frown-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-frown-o
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-futbol-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-futbol-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-soccer-ball-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-soccer-ball-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-gamepad"></i>
													</div>
													<div class="m-demo-icon__class">
														la-gamepad
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-gavel"></i>
													</div>
													<div class="m-demo-icon__class">
														la-gavel
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-gbp"></i>
													</div>
													<div class="m-demo-icon__class">
														la-gbp
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-gear"></i>
													</div>
													<div class="m-demo-icon__class">
														la-gear
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-gears"></i>
													</div>
													<div class="m-demo-icon__class">
														la-gears
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-genderless"></i>
													</div>
													<div class="m-demo-icon__class">
														la-genderless
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-get-pocket"></i>
													</div>
													<div class="m-demo-icon__class">
														la-get-pocket
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-gg"></i>
													</div>
													<div class="m-demo-icon__class">
														la-gg
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-gg-circle"></i>
													</div>
													<div class="m-demo-icon__class">
														la-gg-circle
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-gift"></i>
													</div>
													<div class="m-demo-icon__class">
														la-gift
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-git"></i>
													</div>
													<div class="m-demo-icon__class">
														la-git
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-git-square"></i>
													</div>
													<div class="m-demo-icon__class">
														la-git-square
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-github"></i>
													</div>
													<div class="m-demo-icon__class">
														la-github
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-github-alt"></i>
													</div>
													<div class="m-demo-icon__class">
														la-github-alt
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-github-square"></i>
													</div>
													<div class="m-demo-icon__class">
														la-github-square
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-glass"></i>
													</div>
													<div class="m-demo-icon__class">
														la-glass
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-globe"></i>
													</div>
													<div class="m-demo-icon__class">
														la-globe
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-google"></i>
													</div>
													<div class="m-demo-icon__class">
														la-google
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-google-plus"></i>
													</div>
													<div class="m-demo-icon__class">
														la-google-plus
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-google-plus-square"></i>
													</div>
													<div class="m-demo-icon__class">
														la-google-plus-square
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-google-wallet"></i>
													</div>
													<div class="m-demo-icon__class">
														la-google-wallet
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-graduation-cap"></i>
													</div>
													<div class="m-demo-icon__class">
														la-graduation-cap
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-gratipay"></i>
													</div>
													<div class="m-demo-icon__class">
														la-gratipay
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-gittip"></i>
													</div>
													<div class="m-demo-icon__class">
														la-gittip
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-group"></i>
													</div>
													<div class="m-demo-icon__class">
														la-group
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-h-square"></i>
													</div>
													<div class="m-demo-icon__class">
														la-h-square
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-hacker-news"></i>
													</div>
													<div class="m-demo-icon__class">
														la-hacker-news
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-hand-grab-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-hand-grab-o
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-hand-lizard-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-hand-lizard-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-hand-o-down"></i>
													</div>
													<div class="m-demo-icon__class">
														la-hand-o-down
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-hand-o-left"></i>
													</div>
													<div class="m-demo-icon__class">
														la-hand-o-left
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-hand-o-right"></i>
													</div>
													<div class="m-demo-icon__class">
														la-hand-o-right
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-hand-o-up"></i>
													</div>
													<div class="m-demo-icon__class">
														la-hand-o-up
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-hand-paper-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-hand-paper-o
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-hand-peace-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-hand-peace-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-hand-pointer-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-hand-pointer-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-hand-rock-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-hand-rock-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-hand-scissors-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-hand-scissors-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-hand-spock-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-hand-spock-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-hand-stop-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-hand-stop-o
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-hdd-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-hdd-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-header"></i>
													</div>
													<div class="m-demo-icon__class">
														la-header
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-headphones"></i>
													</div>
													<div class="m-demo-icon__class">
														la-headphones
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-heart"></i>
													</div>
													<div class="m-demo-icon__class">
														la-heart
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-heart-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-heart-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-heartbeat"></i>
													</div>
													<div class="m-demo-icon__class">
														la-heartbeat
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-history"></i>
													</div>
													<div class="m-demo-icon__class">
														la-history
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-home"></i>
													</div>
													<div class="m-demo-icon__class">
														la-home
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-hospital-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-hospital-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-hotel"></i>
													</div>
													<div class="m-demo-icon__class">
														la-hotel
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-hourglass"></i>
													</div>
													<div class="m-demo-icon__class">
														la-hourglass
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-hourglass-1"></i>
													</div>
													<div class="m-demo-icon__class">
														la-hourglass-1
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-hourglass-2"></i>
													</div>
													<div class="m-demo-icon__class">
														la-hourglass-2
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-hourglass-3"></i>
													</div>
													<div class="m-demo-icon__class">
														la-hourglass-3
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-hourglass-end"></i>
													</div>
													<div class="m-demo-icon__class">
														la-hourglass-end
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-hourglass-half"></i>
													</div>
													<div class="m-demo-icon__class">
														la-hourglass-half
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-hourglass-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-hourglass-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-hourglass-start"></i>
													</div>
													<div class="m-demo-icon__class">
														la-hourglass-start
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-houzz"></i>
													</div>
													<div class="m-demo-icon__class">
														la-houzz
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-html5"></i>
													</div>
													<div class="m-demo-icon__class">
														la-html5
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-i-cursor"></i>
													</div>
													<div class="m-demo-icon__class">
														la-i-cursor
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-ils"></i>
													</div>
													<div class="m-demo-icon__class">
														la-ils
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-image"></i>
													</div>
													<div class="m-demo-icon__class">
														la-image
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-inbox"></i>
													</div>
													<div class="m-demo-icon__class">
														la-inbox
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-indent"></i>
													</div>
													<div class="m-demo-icon__class">
														la-indent
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-industry"></i>
													</div>
													<div class="m-demo-icon__class">
														la-industry
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-info"></i>
													</div>
													<div class="m-demo-icon__class">
														la-info
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-info-circle"></i>
													</div>
													<div class="m-demo-icon__class">
														la-info-circle
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-inr"></i>
													</div>
													<div class="m-demo-icon__class">
														la-inr
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-instagram"></i>
													</div>
													<div class="m-demo-icon__class">
														la-instagram
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-institution"></i>
													</div>
													<div class="m-demo-icon__class">
														la-institution
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-internet-explorer"></i>
													</div>
													<div class="m-demo-icon__class">
														la-internet-explorer
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-ioxhost"></i>
													</div>
													<div class="m-demo-icon__class">
														la-ioxhost
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-italic"></i>
													</div>
													<div class="m-demo-icon__class">
														la-italic
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-joomla"></i>
													</div>
													<div class="m-demo-icon__class">
														la-joomla
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-jpy"></i>
													</div>
													<div class="m-demo-icon__class">
														la-jpy
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-jsfiddle"></i>
													</div>
													<div class="m-demo-icon__class">
														la-jsfiddle
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-key"></i>
													</div>
													<div class="m-demo-icon__class">
														la-key
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-keyboard-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-keyboard-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-krw"></i>
													</div>
													<div class="m-demo-icon__class">
														la-krw
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-language"></i>
													</div>
													<div class="m-demo-icon__class">
														la-language
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-laptop"></i>
													</div>
													<div class="m-demo-icon__class">
														la-laptop
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-lastfm"></i>
													</div>
													<div class="m-demo-icon__class">
														la-lastfm
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-lastfm-square"></i>
													</div>
													<div class="m-demo-icon__class">
														la-lastfm-square
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-leaf"></i>
													</div>
													<div class="m-demo-icon__class">
														la-leaf
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-leanpub"></i>
													</div>
													<div class="m-demo-icon__class">
														la-leanpub
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-legal"></i>
													</div>
													<div class="m-demo-icon__class">
														la-legal
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-lemon-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-lemon-o
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-level-down"></i>
													</div>
													<div class="m-demo-icon__class">
														la-level-down
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-level-up"></i>
													</div>
													<div class="m-demo-icon__class">
														la-level-up
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-life-bouy"></i>
													</div>
													<div class="m-demo-icon__class">
														la-life-bouy
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-life-buoy"></i>
													</div>
													<div class="m-demo-icon__class">
														la-life-buoy
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-life-ring"></i>
													</div>
													<div class="m-demo-icon__class">
														la-life-ring
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-support"></i>
													</div>
													<div class="m-demo-icon__class">
														la-support
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-life-saver"></i>
													</div>
													<div class="m-demo-icon__class">
														la-life-saver
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-lightbulb-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-lightbulb-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-line-chart"></i>
													</div>
													<div class="m-demo-icon__class">
														la-line-chart
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-link"></i>
													</div>
													<div class="m-demo-icon__class">
														la-link
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-linkedin"></i>
													</div>
													<div class="m-demo-icon__class">
														la-linkedin
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-linkedin-square"></i>
													</div>
													<div class="m-demo-icon__class">
														la-linkedin-square
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-linux"></i>
													</div>
													<div class="m-demo-icon__class">
														la-linux
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-list"></i>
													</div>
													<div class="m-demo-icon__class">
														la-list
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-list-alt"></i>
													</div>
													<div class="m-demo-icon__class">
														la-list-alt
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-list-ol"></i>
													</div>
													<div class="m-demo-icon__class">
														la-list-ol
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-list-ul"></i>
													</div>
													<div class="m-demo-icon__class">
														la-list-ul
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-location-arrow"></i>
													</div>
													<div class="m-demo-icon__class">
														la-location-arrow
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-lock"></i>
													</div>
													<div class="m-demo-icon__class">
														la-lock
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-long-arrow-down"></i>
													</div>
													<div class="m-demo-icon__class">
														la-long-arrow-down
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-long-arrow-left"></i>
													</div>
													<div class="m-demo-icon__class">
														la-long-arrow-left
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-long-arrow-right"></i>
													</div>
													<div class="m-demo-icon__class">
														la-long-arrow-right
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-long-arrow-up"></i>
													</div>
													<div class="m-demo-icon__class">
														la-long-arrow-up
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-magic"></i>
													</div>
													<div class="m-demo-icon__class">
														la-magic
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-magnet"></i>
													</div>
													<div class="m-demo-icon__class">
														la-magnet
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-mail-forward"></i>
													</div>
													<div class="m-demo-icon__class">
														la-mail-forward
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-mail-reply"></i>
													</div>
													<div class="m-demo-icon__class">
														la-mail-reply
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-mail-reply-all"></i>
													</div>
													<div class="m-demo-icon__class">
														la-mail-reply-all
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-male"></i>
													</div>
													<div class="m-demo-icon__class">
														la-male
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-map"></i>
													</div>
													<div class="m-demo-icon__class">
														la-map
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-map-marker"></i>
													</div>
													<div class="m-demo-icon__class">
														la-map-marker
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-map-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-map-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-map-pin"></i>
													</div>
													<div class="m-demo-icon__class">
														la-map-pin
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-map-signs"></i>
													</div>
													<div class="m-demo-icon__class">
														la-map-signs
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-mars"></i>
													</div>
													<div class="m-demo-icon__class">
														la-mars
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-mars-double"></i>
													</div>
													<div class="m-demo-icon__class">
														la-mars-double
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-mars-stroke"></i>
													</div>
													<div class="m-demo-icon__class">
														la-mars-stroke
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-mars-stroke-h"></i>
													</div>
													<div class="m-demo-icon__class">
														la-mars-stroke-h
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-mars-stroke-v"></i>
													</div>
													<div class="m-demo-icon__class">
														la-mars-stroke-v
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-maxcdn"></i>
													</div>
													<div class="m-demo-icon__class">
														la-maxcdn
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-meanpath"></i>
													</div>
													<div class="m-demo-icon__class">
														la-meanpath
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-medium"></i>
													</div>
													<div class="m-demo-icon__class">
														la-medium
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-medkit"></i>
													</div>
													<div class="m-demo-icon__class">
														la-medkit
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-meh-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-meh-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-mercury"></i>
													</div>
													<div class="m-demo-icon__class">
														la-mercury
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-microphone"></i>
													</div>
													<div class="m-demo-icon__class">
														la-microphone
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-microphone-slash"></i>
													</div>
													<div class="m-demo-icon__class">
														la-microphone-slash
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-minus"></i>
													</div>
													<div class="m-demo-icon__class">
														la-minus
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-minus-circle"></i>
													</div>
													<div class="m-demo-icon__class">
														la-minus-circle
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-minus-square"></i>
													</div>
													<div class="m-demo-icon__class">
														la-minus-square
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-minus-square-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-minus-square-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-mobile"></i>
													</div>
													<div class="m-demo-icon__class">
														la-mobile
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-mobile-phone"></i>
													</div>
													<div class="m-demo-icon__class">
														la-mobile-phone
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-money"></i>
													</div>
													<div class="m-demo-icon__class">
														la-money
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-moon-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-moon-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-mortar-board"></i>
													</div>
													<div class="m-demo-icon__class">
														la-mortar-board
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-motorcycle"></i>
													</div>
													<div class="m-demo-icon__class">
														la-motorcycle
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-mouse-pointer"></i>
													</div>
													<div class="m-demo-icon__class">
														la-mouse-pointer
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-music"></i>
													</div>
													<div class="m-demo-icon__class">
														la-music
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-navicon"></i>
													</div>
													<div class="m-demo-icon__class">
														la-navicon
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-neuter"></i>
													</div>
													<div class="m-demo-icon__class">
														la-neuter
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-newspaper-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-newspaper-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-object-group"></i>
													</div>
													<div class="m-demo-icon__class">
														la-object-group
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-object-ungroup"></i>
													</div>
													<div class="m-demo-icon__class">
														la-object-ungroup
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-odnoklassniki"></i>
													</div>
													<div class="m-demo-icon__class">
														la-odnoklassniki
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-odnoklassniki-square"></i>
													</div>
													<div class="m-demo-icon__class">
														la-odnoklassniki-square
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-opencart"></i>
													</div>
													<div class="m-demo-icon__class">
														la-opencart
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-openid"></i>
													</div>
													<div class="m-demo-icon__class">
														la-openid
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-opera"></i>
													</div>
													<div class="m-demo-icon__class">
														la-opera
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-optin-monster"></i>
													</div>
													<div class="m-demo-icon__class">
														la-optin-monster
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-outdent"></i>
													</div>
													<div class="m-demo-icon__class">
														la-outdent
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-pagelines"></i>
													</div>
													<div class="m-demo-icon__class">
														la-pagelines
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-paint-brush"></i>
													</div>
													<div class="m-demo-icon__class">
														la-paint-brush
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-paper-plane"></i>
													</div>
													<div class="m-demo-icon__class">
														la-paper-plane
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-send"></i>
													</div>
													<div class="m-demo-icon__class">
														la-send
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-paper-plane-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-paper-plane-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-send-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-send-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-paperclip"></i>
													</div>
													<div class="m-demo-icon__class">
														la-paperclip
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-paragraph"></i>
													</div>
													<div class="m-demo-icon__class">
														la-paragraph
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-paste"></i>
													</div>
													<div class="m-demo-icon__class">
														la-paste
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-pause"></i>
													</div>
													<div class="m-demo-icon__class">
														la-pause
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-paw"></i>
													</div>
													<div class="m-demo-icon__class">
														la-paw
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-paypal"></i>
													</div>
													<div class="m-demo-icon__class">
														la-paypal
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-pencil"></i>
													</div>
													<div class="m-demo-icon__class">
														la-pencil
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-pencil-square"></i>
													</div>
													<div class="m-demo-icon__class">
														la-pencil-square
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-pencil-square-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-pencil-square-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-phone"></i>
													</div>
													<div class="m-demo-icon__class">
														la-phone
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-phone-square"></i>
													</div>
													<div class="m-demo-icon__class">
														la-phone-square
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-photo"></i>
													</div>
													<div class="m-demo-icon__class">
														la-photo
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-picture-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-picture-o
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-pie-chart"></i>
													</div>
													<div class="m-demo-icon__class">
														la-pie-chart
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-pied-piper"></i>
													</div>
													<div class="m-demo-icon__class">
														la-pied-piper
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-pied-piper-alt"></i>
													</div>
													<div class="m-demo-icon__class">
														la-pied-piper-alt
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-pinterest"></i>
													</div>
													<div class="m-demo-icon__class">
														la-pinterest
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-pinterest-p"></i>
													</div>
													<div class="m-demo-icon__class">
														la-pinterest-p
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-pinterest-square"></i>
													</div>
													<div class="m-demo-icon__class">
														la-pinterest-square
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-plane"></i>
													</div>
													<div class="m-demo-icon__class">
														la-plane
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-play"></i>
													</div>
													<div class="m-demo-icon__class">
														la-play
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-play-circle"></i>
													</div>
													<div class="m-demo-icon__class">
														la-play-circle
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-play-circle-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-play-circle-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-plug"></i>
													</div>
													<div class="m-demo-icon__class">
														la-plug
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-plus"></i>
													</div>
													<div class="m-demo-icon__class">
														la-plus
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-plus-circle"></i>
													</div>
													<div class="m-demo-icon__class">
														la-plus-circle
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-plus-square"></i>
													</div>
													<div class="m-demo-icon__class">
														la-plus-square
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-plus-square-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-plus-square-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-power-off"></i>
													</div>
													<div class="m-demo-icon__class">
														la-power-off
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-print"></i>
													</div>
													<div class="m-demo-icon__class">
														la-print
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-puzzle-piece"></i>
													</div>
													<div class="m-demo-icon__class">
														la-puzzle-piece
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-qq"></i>
													</div>
													<div class="m-demo-icon__class">
														la-qq
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-qrcode"></i>
													</div>
													<div class="m-demo-icon__class">
														la-qrcode
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-question"></i>
													</div>
													<div class="m-demo-icon__class">
														la-question
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-question-circle"></i>
													</div>
													<div class="m-demo-icon__class">
														la-question-circle
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-quote-left"></i>
													</div>
													<div class="m-demo-icon__class">
														la-quote-left
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-quote-right"></i>
													</div>
													<div class="m-demo-icon__class">
														la-quote-right
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-ra"></i>
													</div>
													<div class="m-demo-icon__class">
														la-ra
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-random"></i>
													</div>
													<div class="m-demo-icon__class">
														la-random
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-rebel"></i>
													</div>
													<div class="m-demo-icon__class">
														la-rebel
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-recycle"></i>
													</div>
													<div class="m-demo-icon__class">
														la-recycle
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-reddit"></i>
													</div>
													<div class="m-demo-icon__class">
														la-reddit
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-reddit-square"></i>
													</div>
													<div class="m-demo-icon__class">
														la-reddit-square
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-refresh"></i>
													</div>
													<div class="m-demo-icon__class">
														la-refresh
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-registered"></i>
													</div>
													<div class="m-demo-icon__class">
														la-registered
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-renren"></i>
													</div>
													<div class="m-demo-icon__class">
														la-renren
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-reorder"></i>
													</div>
													<div class="m-demo-icon__class">
														la-reorder
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-repeat"></i>
													</div>
													<div class="m-demo-icon__class">
														la-repeat
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-reply"></i>
													</div>
													<div class="m-demo-icon__class">
														la-reply
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-reply-all"></i>
													</div>
													<div class="m-demo-icon__class">
														la-reply-all
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-retweet"></i>
													</div>
													<div class="m-demo-icon__class">
														la-retweet
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-rmb"></i>
													</div>
													<div class="m-demo-icon__class">
														la-rmb
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-road"></i>
													</div>
													<div class="m-demo-icon__class">
														la-road
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-rocket"></i>
													</div>
													<div class="m-demo-icon__class">
														la-rocket
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-rotate-left"></i>
													</div>
													<div class="m-demo-icon__class">
														la-rotate-left
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-rotate-right"></i>
													</div>
													<div class="m-demo-icon__class">
														la-rotate-right
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-rouble"></i>
													</div>
													<div class="m-demo-icon__class">
														la-rouble
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-rss"></i>
													</div>
													<div class="m-demo-icon__class">
														la-rss
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-feed"></i>
													</div>
													<div class="m-demo-icon__class">
														la-feed
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-rss-square"></i>
													</div>
													<div class="m-demo-icon__class">
														la-rss-square
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-rub"></i>
													</div>
													<div class="m-demo-icon__class">
														la-rub
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-ruble"></i>
													</div>
													<div class="m-demo-icon__class">
														la-ruble
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-rupee"></i>
													</div>
													<div class="m-demo-icon__class">
														la-rupee
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-safari"></i>
													</div>
													<div class="m-demo-icon__class">
														la-safari
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-save"></i>
													</div>
													<div class="m-demo-icon__class">
														la-save
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-scissors"></i>
													</div>
													<div class="m-demo-icon__class">
														la-scissors
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-search"></i>
													</div>
													<div class="m-demo-icon__class">
														la-search
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-search-minus"></i>
													</div>
													<div class="m-demo-icon__class">
														la-search-minus
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-search-plus"></i>
													</div>
													<div class="m-demo-icon__class">
														la-search-plus
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-sellsy"></i>
													</div>
													<div class="m-demo-icon__class">
														la-sellsy
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-server"></i>
													</div>
													<div class="m-demo-icon__class">
														la-server
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-share"></i>
													</div>
													<div class="m-demo-icon__class">
														la-share
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-share-alt"></i>
													</div>
													<div class="m-demo-icon__class">
														la-share-alt
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-share-alt-square"></i>
													</div>
													<div class="m-demo-icon__class">
														la-share-alt-square
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-share-square"></i>
													</div>
													<div class="m-demo-icon__class">
														la-share-square
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-share-square-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-share-square-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-shekel"></i>
													</div>
													<div class="m-demo-icon__class">
														la-shekel
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-sheqel"></i>
													</div>
													<div class="m-demo-icon__class">
														la-sheqel
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-shield"></i>
													</div>
													<div class="m-demo-icon__class">
														la-shield
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-ship"></i>
													</div>
													<div class="m-demo-icon__class">
														la-ship
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-shirtsinbulk"></i>
													</div>
													<div class="m-demo-icon__class">
														la-shirtsinbulk
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-shopping-cart"></i>
													</div>
													<div class="m-demo-icon__class">
														la-shopping-cart
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-sign-in"></i>
													</div>
													<div class="m-demo-icon__class">
														la-sign-in
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-sign-out"></i>
													</div>
													<div class="m-demo-icon__class">
														la-sign-out
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-signal"></i>
													</div>
													<div class="m-demo-icon__class">
														la-signal
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-simplybuilt"></i>
													</div>
													<div class="m-demo-icon__class">
														la-simplybuilt
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-sitemap"></i>
													</div>
													<div class="m-demo-icon__class">
														la-sitemap
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-skyatlas"></i>
													</div>
													<div class="m-demo-icon__class">
														la-skyatlas
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-skype"></i>
													</div>
													<div class="m-demo-icon__class">
														la-skype
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-slack"></i>
													</div>
													<div class="m-demo-icon__class">
														la-slack
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-sliders"></i>
													</div>
													<div class="m-demo-icon__class">
														la-sliders
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-slideshare"></i>
													</div>
													<div class="m-demo-icon__class">
														la-slideshare
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-smile-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-smile-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-sort"></i>
													</div>
													<div class="m-demo-icon__class">
														la-sort
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-unsorted"></i>
													</div>
													<div class="m-demo-icon__class">
														la-unsorted
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-sort-alpha-asc"></i>
													</div>
													<div class="m-demo-icon__class">
														la-sort-alpha-asc
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-sort-alpha-desc"></i>
													</div>
													<div class="m-demo-icon__class">
														la-sort-alpha-desc
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-sort-amount-asc"></i>
													</div>
													<div class="m-demo-icon__class">
														la-sort-amount-asc
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-sort-amount-desc"></i>
													</div>
													<div class="m-demo-icon__class">
														la-sort-amount-desc
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-sort-asc"></i>
													</div>
													<div class="m-demo-icon__class">
														la-sort-asc
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-sort-up"></i>
													</div>
													<div class="m-demo-icon__class">
														la-sort-up
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-sort-desc"></i>
													</div>
													<div class="m-demo-icon__class">
														la-sort-desc
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-sort-down"></i>
													</div>
													<div class="m-demo-icon__class">
														la-sort-down
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-sort-numeric-asc"></i>
													</div>
													<div class="m-demo-icon__class">
														la-sort-numeric-asc
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-sort-numeric-desc"></i>
													</div>
													<div class="m-demo-icon__class">
														la-sort-numeric-desc
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-soundcloud"></i>
													</div>
													<div class="m-demo-icon__class">
														la-soundcloud
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-space-shuttle"></i>
													</div>
													<div class="m-demo-icon__class">
														la-space-shuttle
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-spinner"></i>
													</div>
													<div class="m-demo-icon__class">
														la-spinner
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-spoon"></i>
													</div>
													<div class="m-demo-icon__class">
														la-spoon
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-spotify"></i>
													</div>
													<div class="m-demo-icon__class">
														la-spotify
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-square"></i>
													</div>
													<div class="m-demo-icon__class">
														la-square
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-square-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-square-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-stack-exchange"></i>
													</div>
													<div class="m-demo-icon__class">
														la-stack-exchange
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-stack-overflow"></i>
													</div>
													<div class="m-demo-icon__class">
														la-stack-overflow
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-star"></i>
													</div>
													<div class="m-demo-icon__class">
														la-star
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-star-half"></i>
													</div>
													<div class="m-demo-icon__class">
														la-star-half
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-star-half-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-star-half-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-star-half-full"></i>
													</div>
													<div class="m-demo-icon__class">
														la-star-half-full
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-star-half-empty"></i>
													</div>
													<div class="m-demo-icon__class">
														la-star-half-empty
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-star-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-star-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-steam"></i>
													</div>
													<div class="m-demo-icon__class">
														la-steam
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-steam-square"></i>
													</div>
													<div class="m-demo-icon__class">
														la-steam-square
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-step-backward"></i>
													</div>
													<div class="m-demo-icon__class">
														la-step-backward
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-step-forward"></i>
													</div>
													<div class="m-demo-icon__class">
														la-step-forward
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-stethoscope"></i>
													</div>
													<div class="m-demo-icon__class">
														la-stethoscope
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-sticky-note"></i>
													</div>
													<div class="m-demo-icon__class">
														la-sticky-note
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-sticky-note-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-sticky-note-o
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-stop"></i>
													</div>
													<div class="m-demo-icon__class">
														la-stop
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-street-view"></i>
													</div>
													<div class="m-demo-icon__class">
														la-street-view
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-strikethrough"></i>
													</div>
													<div class="m-demo-icon__class">
														la-strikethrough
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-stumbleupon"></i>
													</div>
													<div class="m-demo-icon__class">
														la-stumbleupon
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-stumbleupon-circle"></i>
													</div>
													<div class="m-demo-icon__class">
														la-stumbleupon-circle
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-subscript"></i>
													</div>
													<div class="m-demo-icon__class">
														la-subscript
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-subway"></i>
													</div>
													<div class="m-demo-icon__class">
														la-subway
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-suitcase"></i>
													</div>
													<div class="m-demo-icon__class">
														la-suitcase
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-sun-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-sun-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-superscript"></i>
													</div>
													<div class="m-demo-icon__class">
														la-superscript
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-table"></i>
													</div>
													<div class="m-demo-icon__class">
														la-table
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-tablet"></i>
													</div>
													<div class="m-demo-icon__class">
														la-tablet
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-tachometer"></i>
													</div>
													<div class="m-demo-icon__class">
														la-tachometer
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-tag"></i>
													</div>
													<div class="m-demo-icon__class">
														la-tag
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-tags"></i>
													</div>
													<div class="m-demo-icon__class">
														la-tags
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-tasks"></i>
													</div>
													<div class="m-demo-icon__class">
														la-tasks
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-taxi"></i>
													</div>
													<div class="m-demo-icon__class">
														la-taxi
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-television"></i>
													</div>
													<div class="m-demo-icon__class">
														la-television
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-tv"></i>
													</div>
													<div class="m-demo-icon__class">
														la-tv
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-tencent-weibo"></i>
													</div>
													<div class="m-demo-icon__class">
														la-tencent-weibo
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-terminal"></i>
													</div>
													<div class="m-demo-icon__class">
														la-terminal
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-text-height"></i>
													</div>
													<div class="m-demo-icon__class">
														la-text-height
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-text-width"></i>
													</div>
													<div class="m-demo-icon__class">
														la-text-width
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-th"></i>
													</div>
													<div class="m-demo-icon__class">
														la-th
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-th-large"></i>
													</div>
													<div class="m-demo-icon__class">
														la-th-large
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-th-list"></i>
													</div>
													<div class="m-demo-icon__class">
														la-th-list
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-thumb-tack"></i>
													</div>
													<div class="m-demo-icon__class">
														la-thumb-tack
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-thumbs-down"></i>
													</div>
													<div class="m-demo-icon__class">
														la-thumbs-down
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-thumbs-o-down"></i>
													</div>
													<div class="m-demo-icon__class">
														la-thumbs-o-down
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-thumbs-o-up"></i>
													</div>
													<div class="m-demo-icon__class">
														la-thumbs-o-up
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-thumbs-up"></i>
													</div>
													<div class="m-demo-icon__class">
														la-thumbs-up
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-ticket"></i>
													</div>
													<div class="m-demo-icon__class">
														la-ticket
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-times"></i>
													</div>
													<div class="m-demo-icon__class">
														la-times
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-remove"></i>
													</div>
													<div class="m-demo-icon__class">
														la-remove
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-times-circle"></i>
													</div>
													<div class="m-demo-icon__class">
														la-times-circle
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-times-circle-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-times-circle-o
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-tint"></i>
													</div>
													<div class="m-demo-icon__class">
														la-tint
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-toggle-off"></i>
													</div>
													<div class="m-demo-icon__class">
														la-toggle-off
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-toggle-on"></i>
													</div>
													<div class="m-demo-icon__class">
														la-toggle-on
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-trademark"></i>
													</div>
													<div class="m-demo-icon__class">
														la-trademark
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-train"></i>
													</div>
													<div class="m-demo-icon__class">
														la-train
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-transgender"></i>
													</div>
													<div class="m-demo-icon__class">
														la-transgender
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-intersex"></i>
													</div>
													<div class="m-demo-icon__class">
														la-intersex
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-transgender-alt"></i>
													</div>
													<div class="m-demo-icon__class">
														la-transgender-alt
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-trash"></i>
													</div>
													<div class="m-demo-icon__class">
														la-trash
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-trash-o"></i>
													</div>
													<div class="m-demo-icon__class">
														la-trash-o
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-tree"></i>
													</div>
													<div class="m-demo-icon__class">
														la-tree
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-trello"></i>
													</div>
													<div class="m-demo-icon__class">
														la-trello
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-tripadvisor"></i>
													</div>
													<div class="m-demo-icon__class">
														la-tripadvisor
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-trophy"></i>
													</div>
													<div class="m-demo-icon__class">
														la-trophy
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-truck"></i>
													</div>
													<div class="m-demo-icon__class">
														la-truck
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-try"></i>
													</div>
													<div class="m-demo-icon__class">
														la-try
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-tty"></i>
													</div>
													<div class="m-demo-icon__class">
														la-tty
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-tumblr"></i>
													</div>
													<div class="m-demo-icon__class">
														la-tumblr
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-tumblr-square"></i>
													</div>
													<div class="m-demo-icon__class">
														la-tumblr-square
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-turkish-lira"></i>
													</div>
													<div class="m-demo-icon__class">
														la-turkish-lira
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-twitch"></i>
													</div>
													<div class="m-demo-icon__class">
														la-twitch
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-twitter"></i>
													</div>
													<div class="m-demo-icon__class">
														la-twitter
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-twitter-square"></i>
													</div>
													<div class="m-demo-icon__class">
														la-twitter-square
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-umbrella"></i>
													</div>
													<div class="m-demo-icon__class">
														la-umbrella
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-underline"></i>
													</div>
													<div class="m-demo-icon__class">
														la-underline
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-undo"></i>
													</div>
													<div class="m-demo-icon__class">
														la-undo
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-university"></i>
													</div>
													<div class="m-demo-icon__class">
														la-university
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-unlink"></i>
													</div>
													<div class="m-demo-icon__class">
														la-unlink
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-unlock"></i>
													</div>
													<div class="m-demo-icon__class">
														la-unlock
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-unlock-alt"></i>
													</div>
													<div class="m-demo-icon__class">
														la-unlock-alt
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-upload"></i>
													</div>
													<div class="m-demo-icon__class">
														la-upload
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-usd"></i>
													</div>
													<div class="m-demo-icon__class">
														la-usd
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-user"></i>
													</div>
													<div class="m-demo-icon__class">
														la-user
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-user-md"></i>
													</div>
													<div class="m-demo-icon__class">
														la-user-md
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-user-plus"></i>
													</div>
													<div class="m-demo-icon__class">
														la-user-plus
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-user-secret"></i>
													</div>
													<div class="m-demo-icon__class">
														la-user-secret
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-user-times"></i>
													</div>
													<div class="m-demo-icon__class">
														la-user-times
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-users"></i>
													</div>
													<div class="m-demo-icon__class">
														la-users
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-venus"></i>
													</div>
													<div class="m-demo-icon__class">
														la-venus
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-venus-double"></i>
													</div>
													<div class="m-demo-icon__class">
														la-venus-double
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-venus-mars"></i>
													</div>
													<div class="m-demo-icon__class">
														la-venus-mars
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-viacoin"></i>
													</div>
													<div class="m-demo-icon__class">
														la-viacoin
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-video-camera"></i>
													</div>
													<div class="m-demo-icon__class">
														la-video-camera
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-vimeo"></i>
													</div>
													<div class="m-demo-icon__class">
														la-vimeo
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-vimeo-square"></i>
													</div>
													<div class="m-demo-icon__class">
														la-vimeo-square
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-vine"></i>
													</div>
													<div class="m-demo-icon__class">
														la-vine
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-vk"></i>
													</div>
													<div class="m-demo-icon__class">
														la-vk
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-volume-down"></i>
													</div>
													<div class="m-demo-icon__class">
														la-volume-down
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-volume-off"></i>
													</div>
													<div class="m-demo-icon__class">
														la-volume-off
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-volume-up"></i>
													</div>
													<div class="m-demo-icon__class">
														la-volume-up
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-warning"></i>
													</div>
													<div class="m-demo-icon__class">
														la-warning
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-wechat"></i>
													</div>
													<div class="m-demo-icon__class">
														la-wechat
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-weibo"></i>
													</div>
													<div class="m-demo-icon__class">
														la-weibo
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-weixin"></i>
													</div>
													<div class="m-demo-icon__class">
														la-weixin
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-whatsapp"></i>
													</div>
													<div class="m-demo-icon__class">
														la-whatsapp
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-wheelchair"></i>
													</div>
													<div class="m-demo-icon__class">
														la-wheelchair
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-wifi"></i>
													</div>
													<div class="m-demo-icon__class">
														la-wifi
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-wikipedia-w"></i>
													</div>
													<div class="m-demo-icon__class">
														la-wikipedia-w
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-windows"></i>
													</div>
													<div class="m-demo-icon__class">
														la-windows
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-won"></i>
													</div>
													<div class="m-demo-icon__class">
														la-won
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-wordpress"></i>
													</div>
													<div class="m-demo-icon__class">
														la-wordpress
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-wrench"></i>
													</div>
													<div class="m-demo-icon__class">
														la-wrench
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-xing"></i>
													</div>
													<div class="m-demo-icon__class">
														la-xing
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-xing-square"></i>
													</div>
													<div class="m-demo-icon__class">
														la-xing-square
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-y-combinator"></i>
													</div>
													<div class="m-demo-icon__class">
														la-y-combinator
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-y-combinator-square"></i>
													</div>
													<div class="m-demo-icon__class">
														la-y-combinator-square
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-yahoo"></i>
													</div>
													<div class="m-demo-icon__class">
														la-yahoo
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-yc"></i>
													</div>
													<div class="m-demo-icon__class">
														la-yc
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-yc-square"></i>
													</div>
													<div class="m-demo-icon__class">
														la-yc-square
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-yelp"></i>
													</div>
													<div class="m-demo-icon__class">
														la-yelp
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-yen"></i>
													</div>
													<div class="m-demo-icon__class">
														la-yen
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-youtube"></i>
													</div>
													<div class="m-demo-icon__class">
														la-youtube
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-youtube-play"></i>
													</div>
													<div class="m-demo-icon__class">
														la-youtube-play
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="m-demo-icon">
													<div class="m-demo-icon__preview">
														<i class="la la-youtube-square"></i>
													</div>
													<div class="m-demo-icon__class">
														la-youtube-square
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
								<!--end::Portlet-->
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- end:: Body -->
<!-- begin::Footer -->
			<footer class="m-grid__item		m-footer ">
				<div class="m-container m-container--fluid m-container--full-height m-page__container">
					<div class="m-stack m-stack--flex-tablet-and-mobile m-stack--ver m-stack--desktop">
						<div class="m-stack__item m-stack__item--left m-stack__item--middle m-stack__item--last">
							<span class="m-footer__copyright">
								2017 &copy; Metronic theme by
								<a href="#" class="m-link">
									Keenthemes
								</a>
							</span>
						</div>
						<div class="m-stack__item m-stack__item--right m-stack__item--middle m-stack__item--first">
							<ul class="m-footer__nav m-nav m-nav--inline m--pull-right">
								<li class="m-nav__item">
									<a href="#" class="m-nav__link">
										<span class="m-nav__link-text">
											About
										</span>
									</a>
								</li>
								<li class="m-nav__item">
									<a href="#"  class="m-nav__link">
										<span class="m-nav__link-text">
											Privacy
										</span>
									</a>
								</li>
								<li class="m-nav__item">
									<a href="#" class="m-nav__link">
										<span class="m-nav__link-text">
											T&C
										</span>
									</a>
								</li>
								<li class="m-nav__item">
									<a href="#" class="m-nav__link">
										<span class="m-nav__link-text">
											Purchase
										</span>
									</a>
								</li>
								<li class="m-nav__item m-nav__item">
									<a href="#" class="m-nav__link" data-toggle="m-tooltip" title="Support Center" data-placement="left">
										<i class="m-nav__link-icon flaticon-info m--icon-font-size-lg3"></i>
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</footer>
			<!-- end::Footer -->
		</div>
		<!-- end:: Page -->
    		        <!-- begin::Quick Sidebar -->
		<div id="m_quick_sidebar" class="m-quick-sidebar m-quick-sidebar--tabbed m-quick-sidebar--skin-light">
			<div class="m-quick-sidebar__content m--hide">
				<span id="m_quick_sidebar_close" class="m-quick-sidebar__close">
					<i class="la la-close"></i>
				</span>
				<ul id="m_quick_sidebar_tabs" class="nav nav-tabs m-tabs m-tabs-line m-tabs-line--brand" role="tablist">
					<li class="nav-item m-tabs__item">
						<a class="nav-link m-tabs__link active" data-toggle="tab" href="#m_quick_sidebar_tabs_messenger" role="tab">
							Messages
						</a>
					</li>
					<li class="nav-item m-tabs__item">
						<a class="nav-link m-tabs__link" 		data-toggle="tab" href="#m_quick_sidebar_tabs_settings" role="tab">
							Settings
						</a>
					</li>
					<li class="nav-item m-tabs__item">
						<a class="nav-link m-tabs__link" data-toggle="tab" href="#m_quick_sidebar_tabs_logs" role="tab">
							Logs
						</a>
					</li>
				</ul>
				<div class="tab-content">
					<div class="tab-pane active m-scrollable" id="m_quick_sidebar_tabs_messenger" role="tabpanel">
						<div class="m-messenger m-messenger--message-arrow m-messenger--skin-light">
							<div class="m-messenger__messages">
								<div class="m-messenger__message m-messenger__message--in">
									<div class="m-messenger__message-pic">
										<img src="../../assets/app/media/img//users/user3.jpg" alt=""/>
									</div>
									<div class="m-messenger__message-body">
										<div class="m-messenger__message-arrow"></div>
										<div class="m-messenger__message-content">
											<div class="m-messenger__message-username">
												Megan wrote
											</div>
											<div class="m-messenger__message-text">
												Hi Bob. What time will be the meeting ?
											</div>
										</div>
									</div>
								</div>
								<div class="m-messenger__message m-messenger__message--out">
									<div class="m-messenger__message-body">
										<div class="m-messenger__message-arrow"></div>
										<div class="m-messenger__message-content">
											<div class="m-messenger__message-text">
												Hi Megan. It's at 2.30PM
											</div>
										</div>
									</div>
								</div>
								<div class="m-messenger__message m-messenger__message--in">
									<div class="m-messenger__message-pic">
										<img src="../../assets/app/media/img//users/user3.jpg" alt=""/>
									</div>
									<div class="m-messenger__message-body">
										<div class="m-messenger__message-arrow"></div>
										<div class="m-messenger__message-content">
											<div class="m-messenger__message-username">
												Megan wrote
											</div>
											<div class="m-messenger__message-text">
												Will the development team be joining ?
											</div>
										</div>
									</div>
								</div>
								<div class="m-messenger__message m-messenger__message--out">
									<div class="m-messenger__message-body">
										<div class="m-messenger__message-arrow"></div>
										<div class="m-messenger__message-content">
											<div class="m-messenger__message-text">
												Yes sure. I invited them as well
											</div>
										</div>
									</div>
								</div>
								<div class="m-messenger__datetime">
									2:30PM
								</div>
								<div class="m-messenger__message m-messenger__message--in">
									<div class="m-messenger__message-pic">
										<img src="../../assets/app/media/img//users/user3.jpg"  alt=""/>
									</div>
									<div class="m-messenger__message-body">
										<div class="m-messenger__message-arrow"></div>
										<div class="m-messenger__message-content">
											<div class="m-messenger__message-username">
												Megan wrote
											</div>
											<div class="m-messenger__message-text">
												Noted. For the Coca-Cola Mobile App project as well ?
											</div>
										</div>
									</div>
								</div>
								<div class="m-messenger__message m-messenger__message--out">
									<div class="m-messenger__message-body">
										<div class="m-messenger__message-arrow"></div>
										<div class="m-messenger__message-content">
											<div class="m-messenger__message-text">
												Yes, sure.
											</div>
										</div>
									</div>
								</div>
								<div class="m-messenger__message m-messenger__message--out">
									<div class="m-messenger__message-body">
										<div class="m-messenger__message-arrow"></div>
										<div class="m-messenger__message-content">
											<div class="m-messenger__message-text">
												Please also prepare the quotation for the Loop CRM project as well.
											</div>
										</div>
									</div>
								</div>
								<div class="m-messenger__datetime">
									3:15PM
								</div>
								<div class="m-messenger__message m-messenger__message--in">
									<div class="m-messenger__message-no-pic m--bg-fill-danger">
										<span>
											M
										</span>
									</div>
									<div class="m-messenger__message-body">
										<div class="m-messenger__message-arrow"></div>
										<div class="m-messenger__message-content">
											<div class="m-messenger__message-username">
												Megan wrote
											</div>
											<div class="m-messenger__message-text">
												Noted. I will prepare it.
											</div>
										</div>
									</div>
								</div>
								<div class="m-messenger__message m-messenger__message--out">
									<div class="m-messenger__message-body">
										<div class="m-messenger__message-arrow"></div>
										<div class="m-messenger__message-content">
											<div class="m-messenger__message-text">
												Thanks Megan. I will see you later.
											</div>
										</div>
									</div>
								</div>
								<div class="m-messenger__message m-messenger__message--in">
									<div class="m-messenger__message-pic">
										<img src="../../assets/app/media/img//users/user3.jpg"  alt=""/>
									</div>
									<div class="m-messenger__message-body">
										<div class="m-messenger__message-arrow"></div>
										<div class="m-messenger__message-content">
											<div class="m-messenger__message-username">
												Megan wrote
											</div>
											<div class="m-messenger__message-text">
												Sure. See you in the meeting soon.
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="m-messenger__seperator"></div>
							<div class="m-messenger__form">
								<div class="m-messenger__form-controls">
									<input type="text" name="" placeholder="Type here..." class="m-messenger__form-input">
								</div>
								<div class="m-messenger__form-tools">
									<a href="" class="m-messenger__form-attachment">
										<i class="la la-paperclip"></i>
									</a>
								</div>
							</div>
						</div>
					</div>
					<div class="tab-pane  m-scrollable" id="m_quick_sidebar_tabs_settings" role="tabpanel">
						<div class="m-list-settings">
							<div class="m-list-settings__group">
								<div class="m-list-settings__heading">
									General Settings
								</div>
								<div class="m-list-settings__item">
									<span class="m-list-settings__item-label">
										Email Notifications
									</span>
									<span class="m-list-settings__item-control">
										<span class="m-switch m-switch--outline m-switch--icon-check m-switch--brand">
											<label>
												<input type="checkbox" checked="checked" name="">
												<span></span>
											</label>
										</span>
									</span>
								</div>
								<div class="m-list-settings__item">
									<span class="m-list-settings__item-label">
										Site Tracking
									</span>
									<span class="m-list-settings__item-control">
										<span class="m-switch m-switch--outline m-switch--icon-check m-switch--brand">
											<label>
												<input type="checkbox" name="">
												<span></span>
											</label>
										</span>
									</span>
								</div>
								<div class="m-list-settings__item">
									<span class="m-list-settings__item-label">
										SMS Alerts
									</span>
									<span class="m-list-settings__item-control">
										<span class="m-switch m-switch--outline m-switch--icon-check m-switch--brand">
											<label>
												<input type="checkbox" name="">
												<span></span>
											</label>
										</span>
									</span>
								</div>
								<div class="m-list-settings__item">
									<span class="m-list-settings__item-label">
										Backup Storage
									</span>
									<span class="m-list-settings__item-control">
										<span class="m-switch m-switch--outline m-switch--icon-check m-switch--brand">
											<label>
												<input type="checkbox" name="">
												<span></span>
											</label>
										</span>
									</span>
								</div>
								<div class="m-list-settings__item">
									<span class="m-list-settings__item-label">
										Audit Logs
									</span>
									<span class="m-list-settings__item-control">
										<span class="m-switch m-switch--outline m-switch--icon-check m-switch--brand">
											<label>
												<input type="checkbox" checked="checked" name="">
												<span></span>
											</label>
										</span>
									</span>
								</div>
							</div>
							<div class="m-list-settings__group">
								<div class="m-list-settings__heading">
									System Settings
								</div>
								<div class="m-list-settings__item">
									<span class="m-list-settings__item-label">
										System Logs
									</span>
									<span class="m-list-settings__item-control">
										<span class="m-switch m-switch--outline m-switch--icon-check m-switch--brand">
											<label>
												<input type="checkbox" name="">
												<span></span>
											</label>
										</span>
									</span>
								</div>
								<div class="m-list-settings__item">
									<span class="m-list-settings__item-label">
										Error Reporting
									</span>
									<span class="m-list-settings__item-control">
										<span class="m-switch m-switch--outline m-switch--icon-check m-switch--brand">
											<label>
												<input type="checkbox" name="">
												<span></span>
											</label>
										</span>
									</span>
								</div>
								<div class="m-list-settings__item">
									<span class="m-list-settings__item-label">
										Applications Logs
									</span>
									<span class="m-list-settings__item-control">
										<span class="m-switch m-switch--outline m-switch--icon-check m-switch--brand">
											<label>
												<input type="checkbox" name="">
												<span></span>
											</label>
										</span>
									</span>
								</div>
								<div class="m-list-settings__item">
									<span class="m-list-settings__item-label">
										Backup Servers
									</span>
									<span class="m-list-settings__item-control">
										<span class="m-switch m-switch--outline m-switch--icon-check m-switch--brand">
											<label>
												<input type="checkbox" checked="checked" name="">
												<span></span>
											</label>
										</span>
									</span>
								</div>
								<div class="m-list-settings__item">
									<span class="m-list-settings__item-label">
										Audit Logs
									</span>
									<span class="m-list-settings__item-control">
										<span class="m-switch m-switch--outline m-switch--icon-check m-switch--brand">
											<label>
												<input type="checkbox" name="">
												<span></span>
											</label>
										</span>
									</span>
								</div>
							</div>
						</div>
					</div>
					<div class="tab-pane  m-scrollable" id="m_quick_sidebar_tabs_logs" role="tabpanel">
						<div class="m-list-timeline">
							<div class="m-list-timeline__group">
								<div class="m-list-timeline__heading">
									System Logs
								</div>
								<div class="m-list-timeline__items">
									<div class="m-list-timeline__item">
										<span class="m-list-timeline__badge m-list-timeline__badge--state-success"></span>
										<a href="" class="m-list-timeline__text">
											12 new users registered
											<span class="m-badge m-badge--warning m-badge--wide">
												important
											</span>
										</a>
										<span class="m-list-timeline__time">
											Just now
										</span>
									</div>
									<div class="m-list-timeline__item">
										<span class="m-list-timeline__badge m-list-timeline__badge--state-info"></span>
										<a href="" class="m-list-timeline__text">
											System shutdown
										</a>
										<span class="m-list-timeline__time">
											11 mins
										</span>
									</div>
									<div class="m-list-timeline__item">
										<span class="m-list-timeline__badge m-list-timeline__badge--state-danger"></span>
										<a href="" class="m-list-timeline__text">
											New invoice received
										</a>
										<span class="m-list-timeline__time">
											20 mins
										</span>
									</div>
									<div class="m-list-timeline__item">
										<span class="m-list-timeline__badge m-list-timeline__badge--state-warning"></span>
										<a href="" class="m-list-timeline__text">
											Database overloaded 89%
											<span class="m-badge m-badge--success m-badge--wide">
												resolved
											</span>
										</a>
										<span class="m-list-timeline__time">
											1 hr
										</span>
									</div>
									<div class="m-list-timeline__item">
										<span class="m-list-timeline__badge m-list-timeline__badge--state-success"></span>
										<a href="" class="m-list-timeline__text">
											System error
										</a>
										<span class="m-list-timeline__time">
											2 hrs
										</span>
									</div>
									<div class="m-list-timeline__item">
										<span class="m-list-timeline__badge m-list-timeline__badge--state-info"></span>
										<a href="" class="m-list-timeline__text">
											Production server down
											<span class="m-badge m-badge--danger m-badge--wide">
												pending
											</span>
										</a>
										<span class="m-list-timeline__time">
											3 hrs
										</span>
									</div>
									<div class="m-list-timeline__item">
										<span class="m-list-timeline__badge m-list-timeline__badge--state-success"></span>
										<a href="" class="m-list-timeline__text">
											Production server up
										</a>
										<span class="m-list-timeline__time">
											5 hrs
										</span>
									</div>
								</div>
							</div>
							<div class="m-list-timeline__group">
								<div class="m-list-timeline__heading">
									Applications Logs
								</div>
								<div class="m-list-timeline__items">
									<div class="m-list-timeline__item">
										<span class="m-list-timeline__badge m-list-timeline__badge--state-info"></span>
										<a href="" class="m-list-timeline__text">
											New order received
											<span class="m-badge m-badge--info m-badge--wide">
												urgent
											</span>
										</a>
										<span class="m-list-timeline__time">
											7 hrs
										</span>
									</div>
									<div class="m-list-timeline__item">
										<span class="m-list-timeline__badge m-list-timeline__badge--state-success"></span>
										<a href="" class="m-list-timeline__text">
											12 new users registered
										</a>
										<span class="m-list-timeline__time">
											Just now
										</span>
									</div>
									<div class="m-list-timeline__item">
										<span class="m-list-timeline__badge m-list-timeline__badge--state-info"></span>
										<a href="" class="m-list-timeline__text">
											System shutdown
										</a>
										<span class="m-list-timeline__time">
											11 mins
										</span>
									</div>
									<div class="m-list-timeline__item">
										<span class="m-list-timeline__badge m-list-timeline__badge--state-danger"></span>
										<a href="" class="m-list-timeline__text">
											New invoices received
										</a>
										<span class="m-list-timeline__time">
											20 mins
										</span>
									</div>
									<div class="m-list-timeline__item">
										<span class="m-list-timeline__badge m-list-timeline__badge--state-warning"></span>
										<a href="" class="m-list-timeline__text">
											Database overloaded 89%
										</a>
										<span class="m-list-timeline__time">
											1 hr
										</span>
									</div>
									<div class="m-list-timeline__item">
										<span class="m-list-timeline__badge m-list-timeline__badge--state-success"></span>
										<a href="" class="m-list-timeline__text">
											System error
											<span class="m-badge m-badge--info m-badge--wide">
												pending
											</span>
										</a>
										<span class="m-list-timeline__time">
											2 hrs
										</span>
									</div>
									<div class="m-list-timeline__item">
										<span class="m-list-timeline__badge m-list-timeline__badge--state-info"></span>
										<a href="" class="m-list-timeline__text">
											Production server down
										</a>
										<span class="m-list-timeline__time">
											3 hrs
										</span>
									</div>
								</div>
							</div>
							<div class="m-list-timeline__group">
								<div class="m-list-timeline__heading">
									Server Logs
								</div>
								<div class="m-list-timeline__items">
									<div class="m-list-timeline__item">
										<span class="m-list-timeline__badge m-list-timeline__badge--state-success"></span>
										<a href="" class="m-list-timeline__text">
											Production server up
										</a>
										<span class="m-list-timeline__time">
											5 hrs
										</span>
									</div>
									<div class="m-list-timeline__item">
										<span class="m-list-timeline__badge m-list-timeline__badge--state-info"></span>
										<a href="" class="m-list-timeline__text">
											New order received
										</a>
										<span class="m-list-timeline__time">
											7 hrs
										</span>
									</div>
									<div class="m-list-timeline__item">
										<span class="m-list-timeline__badge m-list-timeline__badge--state-success"></span>
										<a href="" class="m-list-timeline__text">
											12 new users registered
										</a>
										<span class="m-list-timeline__time">
											Just now
										</span>
									</div>
									<div class="m-list-timeline__item">
										<span class="m-list-timeline__badge m-list-timeline__badge--state-info"></span>
										<a href="" class="m-list-timeline__text">
											System shutdown
										</a>
										<span class="m-list-timeline__time">
											11 mins
										</span>
									</div>
									<div class="m-list-timeline__item">
										<span class="m-list-timeline__badge m-list-timeline__badge--state-danger"></span>
										<a href="" class="m-list-timeline__text">
											New invoice received
										</a>
										<span class="m-list-timeline__time">
											20 mins
										</span>
									</div>
									<div class="m-list-timeline__item">
										<span class="m-list-timeline__badge m-list-timeline__badge--state-warning"></span>
										<a href="" class="m-list-timeline__text">
											Database overloaded 89%
										</a>
										<span class="m-list-timeline__time">
											1 hr
										</span>
									</div>
									<div class="m-list-timeline__item">
										<span class="m-list-timeline__badge m-list-timeline__badge--state-success"></span>
										<a href="" class="m-list-timeline__text">
											System error
										</a>
										<span class="m-list-timeline__time">
											2 hrs
										</span>
									</div>
									<div class="m-list-timeline__item">
										<span class="m-list-timeline__badge m-list-timeline__badge--state-info"></span>
										<a href="" class="m-list-timeline__text">
											Production server down
										</a>
										<span class="m-list-timeline__time">
											3 hrs
										</span>
									</div>
									<div class="m-list-timeline__item">
										<span class="m-list-timeline__badge m-list-timeline__badge--state-success"></span>
										<a href="" class="m-list-timeline__text">
											Production server up
										</a>
										<span class="m-list-timeline__time">
											5 hrs
										</span>
									</div>
									<div class="m-list-timeline__item">
										<span class="m-list-timeline__badge m-list-timeline__badge--state-info"></span>
										<a href="" class="m-list-timeline__text">
											New order received
										</a>
										<span class="m-list-timeline__time">
											1117 hrs
										</span>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- end::Quick Sidebar -->		    
	    <!-- begin::Scroll Top -->
		<div class="m-scroll-top m-scroll-top--skin-top" data-toggle="m-scroll-top" data-scroll-offset="500" data-scroll-speed="300">
			<i class="la la-arrow-up"></i>
		</div>
		<!-- end::Scroll Top -->		    <!-- begin::Quick Nav -->
		<ul class="m-nav-sticky" style="margin-top: 30px;">
			<!--
			<li class="m-nav-sticky__item" data-toggle="m-tooltip" title="Showcase" data-placement="left">
				<a href="">
					<i class="la la-eye"></i>
				</a>
			</li>
			<li class="m-nav-sticky__item" data-toggle="m-tooltip" title="Pre-sale Chat" data-placement="left">
				<a href="" >
					<i class="la la-comments-o"></i>
				</a>
			</li>
			-->
			<li class="m-nav-sticky__item" data-toggle="m-tooltip" title="Purchase" data-placement="left">
				<a href="https://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes" target="_blank">
					<i class="la la-cart-arrow-down"></i>
				</a>
			</li>
			<li class="m-nav-sticky__item" data-toggle="m-tooltip" title="Documentation" data-placement="left">
				<a href="http://keenthemes.com/metronic/documentation.html" target="_blank">
					<i class="la la-code-fork"></i>
				</a>
			</li>
			<li class="m-nav-sticky__item" data-toggle="m-tooltip" title="Support" data-placement="left">
				<a href="http://keenthemes.com/forums/forum/support/metronic5/" target="_blank">
					<i class="la la-life-ring"></i>
				</a>
			</li>
		</ul>
		<!-- begin::Quick Nav -->	
    	<!--begin::Base Scripts -->
		<script src="../../assets/vendors/base/vendors.bundle.js" type="text/javascript"></script>
		<script src="../../assets/demo/default/base/scripts.bundle.js" type="text/javascript"></script>
		<!--end::Base Scripts -->
	</body>
	<!-- end::Body -->
</html>
